Вопросы с тегом «css»

213
Sass - Преобразование Hex в RGBa для прозрачности фона

У меня есть следующий миксин Sass, который является половинной модификацией примера RGBa : @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } Я подал заявку $opacityхорошо, но теперь я застрял с этой...

212
Большие Глификоны

Как сделать большие глифы в загрузчике Twitter 3.0 (не 2.3.x). Этот код сделает мои глифы большими: <button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-th-list"> </span> </button> Как я могу получить этот размер без использования класса...

212
CSS выровнять один элемент вправо с помощью flexbox

https://jsfiddle.net/vhem8scs/ Можно ли сделать так, чтобы два элемента были выровнены по левому краю, а один - по флексбоксу? Ссылка показывает это более четко. Последний пример - это то, чего я хочу достичь. Во flexbox у меня есть один блок кода. С плавающей точкой у меня есть четыре блока кода....

211
Тень для изображения PNG в CSS

У меня есть изображение PNG, которое имеет свободную форму (не квадрат). Мне нужно применить эффект тени к этому изображению. Стандартный подход ... -o-box-shadow: 12px 12px 29px #555; -icab-box-shadow: 12px 12px 29px #555; -khtml-box-shadow: 12px 12px 29px #555; -moz-box-shadow: 12px 12px 29px...

211
Почему div с «display: table-cell;» не зависит от маржи?

У меня есть divэлементы рядом друг с другом display: table-cell;. Я хочу установить marginмежду ними, но не margin: 5pxимеет никакого эффекта. Зачем? Мой код: <div style="display: table-cell; margin: 5px; background-color: red;">1</div> <div style="display: table-cell; margin: 5px;...

211
Почему высота элемента контейнера не увеличивается, если он содержит плавающие элементы?

Я хотел бы спросить, как работают высота и поплавок. У меня есть внешний div и внутренний div, в котором есть содержание. Его высота может варьироваться в зависимости от содержимого внутреннего блока, но кажется, что мой внутренний блок переполнит его внешний блок. Каков был бы правильный способ...

211
В чем разница между * и * | * в CSS?

В CSS * будет соответствовать любой элемент. Часто *|*используется вместо* соответствия всем элементам. Это обычно используется в целях тестирования. В чем разница между *и *|*в...

210
Усечение длинных строк с помощью CSS: возможно?

Есть ли хороший способ усечения текста с помощью простого HTML и CSS, чтобы динамический контент мог поместиться в макет с фиксированной шириной и высотой? Я обрезал серверную сторону по логической ширине (то есть по угаданному количеству символов), но, поскольку «w» шире, чем «i», это имеет...

210
Какой самый чистый способ временно отключить эффекты перехода CSS?

У меня есть элемент DOM с некоторыми / всеми из следующих эффектов: #elem { -webkit-transition: height 0.4s ease; -moz-transition: height 0.4s ease; -o-transition: height 0.4s ease; transition: height 0.4s ease; } Я пишу плагин jQuery, который изменяет размеры этого элемента, мне нужно временно...

209
CSS \ 9 в свойстве width

Что это означает? Я предполагаю, что это взлом браузера, но я не смог найти, что именно он делает. width: 500px\9; Какое значение имеет

208
многоточие CSS на второй строке

CSS text-overflow: ellipsis на второй строке, это возможно? Я не могу найти это в сети. пример: что я хочу, это так: I hope someone could help me. I need an ellipsis on the second line of... но то, что происходит, это: I hope someone could help me. I ......

207
Заполнение или значение поля в пикселях в виде целого числа с использованием jQuery

В jQuery есть функции height () и width (), которые возвращают высоту или ширину в пикселях в виде целого числа ... Как я могу получить отступ или значение поля элемента в пикселях и как целое число, используя jQuery? Моей первой идеей было сделать следующее: var padding =...

207
Использование CSS для вставки текста

Я относительно новичок в CSS, и использовал его, чтобы изменить стиль и форматирование текста. Теперь я хотел бы использовать его для вставки текста, как показано ниже: <span class="OwnerJoe">reconcile all entries</span> Который, я надеюсь, я смог показать как: Задача Джо: примирить все...

207
CSS центр отображения встроенного блока?

У меня есть рабочий код здесь: http://jsfiddle.net/WVm5d/ (вам может потребоваться увеличить окно результатов, чтобы увидеть эффект выравнивания по центру) Вопрос Код работает нормально, но мне не нравится иметь display: table;. Это единственный способ сделать центр выравнивания по классу wrap. Я...

207
Как выровнять мертвую точку изображения с помощью начальной загрузки

Я использую среду начальной загрузки и пытаюсь получить изображение по центру по горизонтали без успеха .. Я пробовал различные методы, такие как разбиение системы 12 сеток на 3 равных блока, например <div class="container"> <div class="row"> <div class="span4"></div>...