<div style="display:inline-block;width:100px;"> very long text </div> любой способ использовать чистый CSS, чтобы вырезать слишком длинный текст, а не показывать на следующей новой строке и отображать только максимум 100 пикселей...
<div style="display:inline-block;width:100px;"> very long text </div> любой способ использовать чистый CSS, чтобы вырезать слишком длинный текст, а не показывать на следующей новой строке и отображать только максимум 100 пикселей...
Я видел, как эта нотация использовалась часто, и мне было интересно, есть ли какая-нибудь заметная разница между этими двумя обозначениями? element#id { property: 0; } а также element#id { property: 0px; } Я использую property: 0px;все время, так как он выглядит чище, но я не совсем уверен,...
Допустим, у вас был динамически сгенерированный сайт, над которым работало слишком много людей, прошлых и настоящих, и теперь у вас есть коллекция общих таблиц стилей, содержащих более 20 000 строк CSS. Он вообще не организован, есть несколько селекторов на основе классов и идентификаторов, но...
Я искал и искал, но не смог найти решения для моих требований. У меня есть простая таблица HTML. Мне нужны закругленные углы, без использования изображений или JS, то есть только чистый CSS . Как это: Закругленные углы для угловых ячеек и 1pxтолстая рамка для ячеек. Пока у меня есть это: table {...
У меня есть сервер производства и разработки. Проблема в структуре каталогов. Развитие: http://dev.com/subdir/images/image.jpg http://dev.com/subdir/resources/css/style.css Производство: http://live.com/images/image.jpg http://live.com/resources/css/style.css Как я могу создать папку style.cssin,...
У меня есть такой код: <select> <option value="c">Klassen</option> <option value="t">Docenten</option> <option value="r">Lokalen</option> <option value="s">Leerlingen</option> </select> Запуск в полноэкранном веб-приложении на iPhone. При...
Я хочу взять цветной значок (и будет ссылкой) и повернуть его в оттенки серого, пока пользователь не наведет указатель мыши на значок (где он затем раскрасит изображение). Возможно ли это сделать и таким образом, который поддерживается IE и Firefox?...
Мне нужно, чтобы некоторые div располагались по центру и одновременно соответствовали ширине их содержимого . Я сейчас делаю это так: .mydiv-centerer{ text-align: center; .mydiv { background: none no-repeat scroll 0 0 rgba(1, 56, 110, 0.7); border-radius: 10px 10px 10px 10px; box-shadow: 0 0 5px...
Я пишу страницу, где мне нужна таблица html для поддержания заданного размера. Мне нужно, чтобы заголовки в верхней части таблицы всегда оставались там, но мне также нужно, чтобы тело таблицы прокручивалось независимо от того, сколько строк добавлено в таблицу. Я хочу, чтобы он выглядел как метод...
У меня есть длинная форма, которую я разбил на 6 шагов. Когда форма загружена, загружаются все шаги, но виден только первый шаг. У остальных есть CSS, display:noneпоэтому они скрыты. Когда шаг завершен и подтвержден с помощью Javascript, для текущего шага устанавливается значение, display:noneа...
Есть ли способ стилизовать текущий выбранный <option>элемент в <select>элементе? Затем я мог бы задать цвет фона для текущего выбранного элемента опции? Таким образом я могу стилизовать вариант, который в настоящее время отображается в закрытом раскрывающемся списке....
Итак, у меня есть app/assets/stylesheets/структура каталогов, которая выглядит примерно так: |-dialogs |-mixins |---buttons |---gradients |---vendor_support |---widgets |-pages |-structure |-ui_elements В каждом каталоге есть несколько партиалов sass (обычно * .css.scss, но один или два *...
Это может быть Compass 101, но кто-нибудь написал миксин, который устанавливает альфа-значение цвета? В идеале я бы хотел, чтобы миксин имел любую форму определения цвета и применял прозрачность: @include set-alpha( red, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( #ff0000, 0.5 );...
Я разрабатываю веб-сайт на основе исходного кода Wordpress через XAMPP. Иногда я меняю код CSS, сценарии или что-то еще и замечаю, что моему браузеру требуется время, чтобы применить изменения. Это заставляет меня использовать несколько браузеров для обновления одного, и если новые стили не...
Как я могу использовать vertical-alignкак floatв divсвойствах? vertical-alignРаботает отлично , если я не использовать float. Но если я использую поплавок, то он не работает. Для меня важно использовать float:rightпоследний div. Я пытаюсь следовать, если вы удалите float из всех div, тогда он...
У меня гибкий веб-сайт, а меню составляет 20% от его ширины. Я хочу, чтобы размер шрифта меню измерялся правильно, чтобы он всегда соответствовал ширине поля и никогда не переходил на следующую строку. Я думал об использовании «em» в качестве единицы измерения, но это зависит от размера шрифта...
Я хочу удалить всплывающую подсказку «Файл не выбран» из ввода файла в Google Chrome (я вижу, что всплывающая подсказка не отображается в Firefox). Обратите внимание, что я говорю не о тексте внутри поля ввода, а о всплывающей подсказке, которая появляется при наведении курсора мыши на поле ввода....
Как применить рамку-вставку к элементу HTML, но только с одной его стороны. До сих пор я использовал для этого изображение (GIF / PNG), которое затем использовал бы в качестве фона, растягивал его (repeat-x) и располагал немного от верхнего края моего блока. Недавно я обнаружил свойство CSS...
Из любопытства, учитывая приведенный ниже пример, почему наличие поля в div #container вызывает появление вертикальной полосы прокрутки в браузере? Контейнер намного меньше по высоте, чем высота корпуса, установленная на 100%. Я установил отступы и поля равными 0 для всех элементов, кроме...
Нажмите "ПРОДУКТЫ". Я поднимаю вверх белый div (как показано в приложении). В адаптивном режиме (мобильный телефон и планшет) я хотел бы автоматически закрыть отзывчивую навигационную панель и отображать только белую полосу. Я старался: $('.btn-navbar').click(); также пробовал:...