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

Я хочу центрировать фоновое изображение. Div не используется, это стиль CSS : body{ background-position:center; background-image:url(../images/images2.jpg) no-repeat; } Вышеприведенные CSS-элементы разбиты на части и центрируют их, но половина изображения не видна, она просто движется вверх. То, что я хочу сделать, это центрировать изображение. Могу ли я принять изображение для просмотра даже …

148 css 

Я просто наткнулся на этот вопрос и заметил, что пользователь использует некоторые обозначения, которые я никогда раньше не видел: @font-face { /* CSS HERE */ } Значит, этот @символ является чем-то новым в CSS3 или чем-то старым, что я как-то упустил из виду? Это как где-то с идентификатором, который вы …

148 css  syntax  symbols 

Как я могу установить межстрочный интервал с помощью CSS, как мы можем установить его в MS Word?

148 css  line 

Есть ли способ добавить горизонтальную полосу прокрутки в таблицу HTML? Мне действительно нужно, чтобы она прокручивалась как по вертикали, так и по горизонтали, в зависимости от того, как растет таблица, но я не могу отобразить ни одну полосу прокрутки.

148 html  css  html-table  scrollbar 

Хотелось бы иметь A Bи Cвыровнять по середине. Как мне Dполностью уйти вправо? ПЕРЕД: ПОСЛЕ: ul { padding: 0; margin: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; } li { display: flex; margin: 1px; padding: 5px; background: #aaa; } li:last-child { background: #ddd; /* magic to throw to …

148 html  css  flexbox 

Мне нужно закруглить углы родительского элемента div, чтобы замаскировать содержимое от его ребенка. overflow: hiddenработает в простых ситуациях, но ломается в браузерах на основе webkit и в Opera, когда родительский элемент позиционируется относительно или абсолютно. Это работает в Firefox и IE9: CSS #wrapper { width: 300px; height: 300px; border-radius: 100px; …

147 html  rounded-corners  css 

Я использую Twitter Bootstrap, и у меня есть карта Google. Изображения на карте, такие как маркер, перемещаются с помощью CSS в Bootstrap. В Bootstrap CSS есть: img { border: 0 none; height: auto; max-width: 100%; } Когда я отключаю max-widthсвойство с помощью Firebug, изображение маркера появляется как обычно. Как я …

147 google-maps  twitter-bootstrap  css 

Зачем ставить _перед именем файла в Scss? _filename.scss- Зачем это нужно _?

147 css  sass 

Я хотел бы поместить группу divэлементов фиксированной ширины в контейнер, чтобы появилась горизонтальная полоса прокрутки. В div/ spanэлементы должны появиться в строке, слева направо в порядке их появления в HTML ( по существу развернутом). Таким образом, горизонтальная полоса прокрутки появится и может использоваться вместо вертикальной полосы прокрутки для чтения содержимого …

147 html  css 

У меня есть ячейка таблицы, которой я всегда хотел бы быть определенной ширины. Тем не менее, он не работает с большими строками текста без пробелов. Вот контрольный пример: td { border: solid green 1px; width: 200px; overflow: hidden; } <table> <tbody> <tr> <td> This_is_a_terrible_example_of_thinking_outside_the_box. </td> </tr> </tbody> </table> Выполнить фрагмент …

146 html  css 

Где я могу найти CSS браузера по умолчанию для элементов HTML? Многие элементы HTML поставляются с некоторыми свойствами CSS по умолчанию, которые иногда могут привести к неизвестному / нежелательному поведению. Например, поля ввода отображаются по-разному в разных браузерах. Я ищу место, которое охватывает новые свойства CSS3 и новые элементы HTML5. …

146 html  css  cross-browser 

Я учу CSS. Как стилизовать ввод и отправить кнопку с помощью CSS? Я пытаюсь создать что-то вроде этого, но я понятия не имею, как это сделать <form action="#" method="post"> Name <input type="text" placeholder="First name"/> <input type="text" placeholder="Last name"/> Email <input type="text"/> Message <input type="textarea"/> <input type="submit" value="Send"/> </form>

146 html  css 

Вот вся страница * обертываемая определяется в файле main.css /* Wrappable cell * Add this class to make sure the text in a cell will wrap. * By default, data_table tds do not wrap. */ td.wrappable, table.data_table td.wrappable { white-space: normal; } Вот вся страница: <%@ include file="../../include/pre-header.html" %> <form …

146 html  css  html-table 

Кажется, что в IE ширина включает размер отступа. в то время как в FF ширина не имеет. Как я могу заставить обоих вести себя одинаково? Спасибо.

146 css 

Я хочу сделать поворот моей иконки загрузки с помощью CSS. У меня есть значок и следующий код: <style> #test { width: 32px; height: 32px; background: url('refresh.png'); } .rotating { -webkit-transform: rotate(360deg); -webkit-transition-duration: 1s; -webkit-transition-delay: now; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; } </style> <div id='test' class='rotating'></div> Но это не работает. Как повернуть …

146 css  animation  webkit