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

CSS (каскадные таблицы стилей) - это язык таблиц стилей представления, используемый для описания внешнего вида и форматирования документов HTML (язык разметки гипертекста), XML (расширяемый язык разметки) и элементов SVG, включая (но не ограничиваясь) цвета, макет, шрифты, и анимации. Также описывается, как элементы должны отображаться на экране, на бумаге, в речи или на других носителях.

25
Как заставить div заполнить оставшееся горизонтальное пространство?
У меня есть 2 элемента: один в левой части и один в правой части моей страницы. Тот, что слева, имеет фиксированную ширину, и я хочу, чтобы тот, что справа, заполнил оставшееся пространство. #search { width: 160px; height: 25px; float: left; background-color: #ffffff; } #navigation { width: 780px; float: left; background-color: …
419 html  css  width  responsive 
16
Как заставить разрыв строки в длинном слове в DIV?
Хорошо, это действительно смущает меня. У меня есть некоторый контент внутри div, например: <div style="background-color: green; width: 200px; height: 300px;"> Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest. </div> Однако содержимое переполняет DIV (как и ожидалось), поскольку слово «слишком длинное». Как заставить браузер «разбить» слово там, где это необходимо, чтобы вместить весь контент внутри?
417 html  css  line-breaks 
14
Размер CSS изображения, как заполнить, а не растянуть?
У меня есть изображение, и я хочу установить для него определенную ширину и высоту (в пикселях) Но если я установлю ширину и высоту с помощью css ( width:150px; height:100px), изображение будет растянуто, и это может быть некрасиво. Как заполнить изображения до определенного размера с помощью CSS, а не растягивать его? …
415 css  image 
14
Маржа на дочернем элементе перемещает родительский элемент
У меня есть div( родитель ), который содержит другой div( ребенок ). Родитель - это первый элемент bodyбез определенного стиля CSS. Когда я установил .child { margin-top: 10px; } Конечным результатом является то, что вершина моего ребенка все еще выровнена с родителем. Вместо того, чтобы переместить ребенка на 10px вниз, …
415 css  xhtml  margin  nested 
5
Что значит! Важное в CSS?
Что !importantзначит в CSS? Это доступно в CSS 2? CSS 3? Где это поддерживается? Все современные браузеры?
409 css 
24
Как центрировать элемент по горизонтали и вертикали
Я пытаюсь центрировать содержимое вкладок по вертикали, но когда я добавляю стиль CSS display:inline-flex, горизонтальное выравнивание текста исчезает. Как сделать выравнивание текста x и y для каждой из моих вкладок? * { box-sizing: border-box; } #leftFrame { background-color: green; position: absolute; left: 0; right: 60%; top: 0; bottom: 0; } …
408 html  css 
2
Выберите все дочерние элементы рекурсивно в CSS
Как вы можете выбрать все дочерние элементы рекурсивно? div.dropdown, div.dropdown > * { color: red; } Этот класс только выбрасывает класс на определенное className и всех непосредственных потомков. Как вы можете простым способом выбрать все дочерние узлы, как это: div.dropdown, div.dropdown > *, div.dropdown > * > *, div.dropdown > …
407 css  css-selectors 
18
Как вы получаете визуализированную высоту элемента?
Как вы получаете визуализированную высоту элемента? Допустим, у вас есть <div>элемент с некоторым содержанием внутри. Этот контент внутри будет растягивать высоту <div>. Как вы получаете «визуализированную» высоту, если вы явно не установили высоту. Очевидно, я попытался: var h = document.getElementById('someDiv').style.height; Есть ли хитрость для этого? Я использую jQuery, если это …
406 javascript  jquery  css  height 
16
Инструменты для выборочного копирования HTML + CSS + JS с существующих сайтов [закрыто]
Закрыто. Этот вопрос не соответствует рекомендациям по переполнению стека . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он соответствовал теме переполнения стека. Закрыто 3 года назад . Улучшить этот вопрос Как и большинству веб-разработчиков, мне иногда нравится смотреть на исходные сайты, чтобы увидеть, …
10
В чем разница между «перерыв в слове: разбить все» и «перенос слов: перерыв» в CSS
В настоящее время мне интересно, в чем разница между ними. Когда я использовал оба, они словно ломают слово, если оно не подходит к контейнеру. Но почему W3C сделал два способа сделать это?
397 css  word-wrap 
15
Как сделать ширину элемента: 100% минус отступы?
У меня есть ввод HTML. На входе padding: 5px 10px;я хочу, чтобы он составлял 100% от ширины родительского div (который является жидким). Тем не менее, использование width: 100%;приводит к тому, что ввод будет 100% + 20pxкак обойти это? пример
397 html  css  width  fluid-layout 
8
Стоп-экран в Chrome Debugger / DevTools панель для проверки поповера?
Я использую Chrome Инспектор, чтобы попытаться проанализировать z-indexзагрузочный щебетать в твиттере, и нахожу его крайне разочаровывающим ... Есть ли способ заморозить всплывающее окно (пока показано), чтобы я мог оценить и изменить связанный CSS? Размещение фиксированного «наведения» на связанной ссылке не приводит к появлению всплывающего окна.
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.