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

85
Как удалить стиль высоты из DIV с помощью jQuery?

По умолчанию высота DIV определяется его содержимым. Но я переопределил это и явно установил высоту с помощью jQuery: $('div#someDiv').height(someNumberOfPixels); Как я могу это изменить? Я хочу удалить стиль высоты и вернуть его к автоматической / естественной высоте?...

85
Что означает свойство со звездочкой в ​​CSS?

Сегодня я просматривал файл css и нашел следующий набор правил: div.with-some-class { display:block; margin:0; padding:2px 0 0 0; *padding:1px 0 0 0; font-size:11px; font-weight:normal; *line-height:13px; color:#3D9AD0; } Что означает звездочка в * отступах и * высоте строки? Спасибо....

85
Что делает @ -moz-document url-prefix ()?

В новом старом адаптивном веб-дизайне Саймона Коллисона в CSS есть несколько таких объявлений: @-moz-document url-prefix() { .fl { float:left; margin:12px 4px 0 0; padding:0; font-size:65px; line-height:62%; color:#ba1820; } .fs { float:left; margin:12px 4px 10px 0; padding:0; font-size:65px;...

85
изменение размера междоменного iframe

Как изменить размер окна iframe из другого домена -Редактировать Прокрутите вниз, чтобы узнать о некоторых решениях .. или прочтите, как этого НЕ делать: D После многих часов взлома кода был сделан вывод, что все, что находится внутри iframe, недоступно, даже полосы прокрутки, которые отображаются...

85
Дополнительное пространство под текстовым полем, отличается в разных браузерах

Под тегом textarea есть дополнительное пространство. От 1 до 4 пикселей в разных браузерах. Разметка очень проста: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style> body { margin: 0; padding:...

85
Как разместить полосу прокрутки div с левой стороны?

Можно ли указать позицию (левую или правую) для размещения вертикальной полосы прокрутки в div? Например, посмотрите на эту страницу, где объясняется, как использовать атрибут переполнения. Есть ли способ разместить эту полосу прокрутки в левой части прокручиваемой области?...

85
Разрыв строки (например, <br>) с использованием только css

Возможно ли в чистом css, то есть без добавления дополнительных тегов html, сделать разрыв строки как <br>? Мне нужен разрыв строки после <h4>элемента, но не до него: HTML <li> Text, text, text, text, text. <h4>Sub header</h4> Text, text, text, text, text. </li>...

85
Как установить максимальную ширину изображения в CSS

На своем веб-сайте я хотел бы отображать загруженные пользователем изображения в новом окне с определенным размером ( width: 600px). Проблема в том, что изображения могут быть большими. Поэтому, если они больше этих 600px, я хотел бы изменить их размер, сохранив соотношение сторон. Я попробовал...

85
переопределение класса, когда два класса назначены одному div

Я создавал <div>тег, в котором я хотел применить два класса для <div>тега, который будет галереей эскизов. Один класс для его положения, а другой класс для его стиля. Таким образом, я мог применить стиль, у меня были некоторые странные результаты, которые поставили меня перед вопросом....

85
Как задать толщину границы в процентах?

Как установить ширину границы элемента в процентах? Я пробовал синтаксис border-width:10%; Но не работает. Причина, по которой я хочу установить border-widthпроценты, заключается в том, что у меня есть элемент с width: 80%;и height: 80%;, и я хочу, чтобы этот элемент покрыл все окно браузера,...

85
Как протестировать веб-сайт для Retina в Windows без реального дисплея Retina?

Есть ли способ смоделировать дисплей Retina в Windows для тестирования веб-сайта для дисплеев HiDPI, таких как Retina? Я запускаю Windows на стандартном 24-дюймовом мониторе с разрешением 1920x1080. Вчера вечером я проверил свой веб-сайт на новом 15-дюймовом MacBook Pro Retina с дисплеем Retina, и...

85
Зачем использовать селектор атрибутов для сопоставления классов?

Я нашел пример адаптивных шаблонов электронной почты, в которых есть такие CSS-селекторы, как следующие: a[class="btn"] Почему используется этот синтаксис, если он полностью совпадает с: a.btn Влияет ли это на мобильные браузеры или что-то еще?...

85
Понимание классов сетки (col-sm- # и col-lg- #) в Bootstrap 3

Я начинаю работать с Bootstrap 3, и у меня возникли проблемы с пониманием того, как должны использоваться классы сетки. Вот что я выяснил: Похоже, что классы col-sm-#и col-lg-#отличаются от простого старого col-#тем, что они будут применяться только тогда, когда экраны превышают определенный...

85
CSS: как установить размер изображения относительно высоты родительского элемента?

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

85
z-index отменяется установкой преобразования (поворота)

Используя свойство transform, z-index отменяется и появляется спереди. (При комментировании out -webkit-transform, z-index правильно работает в приведенном ниже коде) .test { width: 150px; height: 40px; margin: 30px; line-height: 40px; position: relative; background: white; -webkit-transform:...

85
Подгонка столбца таблицы Bootstrap к содержимому

Я использую Bootstrap и рисую таблицу. В крайнем правом столбце есть кнопка, и я хочу, чтобы она уменьшилась до минимального размера, необходимого для указанной кнопки. <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <table class="table...