css3 — вопросы с ответами

У меня есть 4 столбца flexbox, и все работает нормально, но когда я добавляю некоторый текст в столбец и устанавливаю для него большой размер шрифта, столбец становится шире, чем должен быть из-за свойства flex. Я попытался использовать word-break: break-word и это помогло, но все же, когда я изме...

Я хочу иметь вертикальное меню с определенной высотой. Каждый ребенок должен заполнять высоту родителя и иметь средний выровненный текст. Число детей случайное, поэтому мне приходится работать с динамическими значениями. Div .container содержит случайное число детей (.item), которые всегда должны за...

Есть ли способ сделать разрыв строки в нескольких строках flexbox? Например, чтобы прорваться после каждого третьего элемента в этом пером .container { background: tomato; display: flex; flex-flow: row wrap; align-content: space-between; justify-content: space-between; } .item { width...

[IMG_OUR_ID=462.png] Здесь код, который я использую для достижения вышеуказанной компоновки: .header { height: 50px; } .body { position: absolute; top: 50px; right: 0; bottom: 0; left: 0; display: flex; } .sidebar { width: 140px; } .main { flex: 1; display: flex; flex-d...

Есть ли способ отключить крах-коллапс вообще? Единственные решения, которые я нашел (по имени "uncollapsing" ), связаны с использованием границы 1px или 1px. Я считаю это неприемлемым: посторонний пиксель усложняет вычисления без уважительной причины. Есть ли более разумный способ отключить этот кра...

Я уверен, что есть простое решение этой проблемы. В принципе, если у меня есть два столбца, как я могу добавить пробел между ними? например, если HTML это: <div class="col-md-6"></div> <div class="col-md-6"></div> Выводом будет просто два столбца рядом друг с другом, зани...

Я использую веб-сайты google, и они отлично подходят для больших размеров шрифтов, но в 18px они выглядят ужасно. Я читал здесь и там, что есть решения для сглаживания шрифтов, но я не нашел там, где это объясняет это ясно, и несколько фрагментов, которые я нашел, не работают вообще. Мой h4 выглядит...

Рассмотрим следующий пример: (живая демонстрация здесь) HTML: <table> <tbody> <tr><td>Hello Stack Overflow</td></tr> </tbody> </table> CSS td { border: 1px solid black; width: 50px; overflow: hidden; text-overflow: ellipsis; white-sp...

Мне кажется, что я видел способ, используя свойство содержимого CSS, вставить тег разрыва строки перед элементом. Очевидно, что это не работает: #restart:before { content: '<br/>'; } Но как вы это делаете?

<div class="commentList"> <article class="comment " id="com21"></article> <article class="comment " id="com20"></article> <article class="comment " id="com19"></article> <div class="something"> hello </div> </div> Я хочу выбрат...

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

Я занимаюсь созданием небольшого приложения для интрасети и стараюсь, без всякого случая, использовать шрифт Adobe, который я приобрел в последнее время. Как мне сообщили, в нашем случае это не нарушение лицензии. Я преобразовал версии .ttf/.otf шрифта в .woff,.eot и .svg, чтобы нацелить все осно...

Есть ли способ ограничить длину границы. У меня есть <div>, который имеет нижнюю границу, но я хочу добавить границу слева от <div>, которая простирается только на половину пути вверх. Есть ли способ сделать это без добавления дополнительных элементов на странице?...

У меня есть следующий CSS: box-shadow: inset 0px 0px 2px #a00; Теперь я пытаюсь извлечь этот цвет, чтобы сделать цвета страниц "скинами". Есть ли способ сделать это? Просто удалив цвет, а затем снова используя тот же ключ, перезаписывает исходное правило. Кажется, что нет box-shadow-color, по крайн...

Кто-нибудь знает, будет ли/когда Internet Explorer будет поддерживать атрибут CSS "border-radius"?