программирование css

5

Как предотвратить перенос текста в ячейке таблицы

Кто-нибудь знает, как я могу предотвратить перенос текста в ячейке таблицы? Это для заголовка таблицы, и заголовок намного длиннее, чем данные в нем, но мне нужно, чтобы он отображался только в одной строке. Это нормально, если колонка очень широкая. HTML-код моей (упрощенной) таблицы выглядит следующим образом: <table> <thead> <tr> <th> …

285 html css

7

Встроенный SVG в CSS

Можно ли использовать встроенное определение SVG в CSS? Я имею в виду что-то вроде: .my-class { background-image: <svg>...</svg>; }

285 css svg

6

Как выровнять один элемент flexbox (переопределить justify-content)

Вы можете переопределить align-itemsс align-selfпомощью гибкого элемента. Я ищу способ переопределить justify-contentгибкий элемент. Если у вас был контейнер с флексбоксом justify-content:flex-end, но вы хотите, чтобы первым был элемент justify-content: flex-start, как это можно сделать? На это лучше всего ответил этот пост: https://stackoverflow.com/a/33856609/269396

283 css flexbox

30

Как я могу получить div, чтобы плавать на дно его контейнера?

Я разместил изображения и вставки в верхней части контейнера, используя float: right (or left) много раз. Недавно я столкнулся с необходимостью поместить элемент div в нижний правый угол другого элемента div с обычным переносом текста, который вы получаете с помощью float (текст, заключенный выше и только влево). Я думал, что …

283 html css

6

плыть налево; против дисплея: встроенный; vs display: встроенный блок; против отображения: ячейка таблицы;

Мои вопросы) Любой из этих методов предпочитает профессиональный веб-дизайнер? Любой из этих методов предпочтительнее веб-браузера при рисовании веб-сайта? Это все только личные предпочтения? Есть ли другие техники, которые мне не хватает? Примечание. Приведенные выше вопросы касаются проектирования многостолбцовой компоновки. плыть налево; http://jsfiddle.net/CDe6a/ Это метод, который я всегда использую при создании …

281 html css css-float

9

Как я могу стилизовать четные и нечетные элементы?

Можно ли использовать псевдоклассы CSS для выбора четных и нечетных экземпляров элементов списка? Я ожидал бы, что следующее произведет список чередующихся цветов, но вместо этого я получу список синих элементов: <html> <head> <style> li { color: blue } li:odd { color:green } li:even { color:red } </style> </head> <body> <ul> …

281 html css css-selectors

8

Скрыть HTML горизонтальную, но не вертикальную полосу прокрутки

У меня есть текстовая область HTML, которая имеет фиксированную ширину, но переменную высоту. Я хотел бы установить overflow:scrollи иметь возможность показывать вертикальную полосу прокрутки, но не горизонтальную. Я не могу использовать overflow:autoиз-за других вещей, специфичных для моей ситуации. Я знаю, что нет способа использовать CSS2 для отображения только вертикальных, но …

279 html css scrollbar

9

Используйте иконку Font Awesome в качестве контента CSS

Я хочу использовать значок Font Awesome в качестве содержимого CSS, т.е. a:before { content: "<i class='fa...'>...</i>"; } Я знаю, что не могу использовать HTML-код content, так что остались только изображения?

279 html css font-awesome

15

Firebug-подобный отладчик для Google Chrome

Есть ли что-то вроде Firebug, которое вы можете использовать в Google Chrome? Основные функции, которые я хотел бы: Проверить исходный код HTML (выбрать элементы, удалить их и т. Д.) проверить значения CSS (встроенное решение как-то странно)

278 html css google-chrome debugging firebug

14

Что такое WebKit и как он связан с CSS?

Совсем недавно я видел вопросы с тегом "webkit". Такие вопросы обычно являются веб-вопросами, касающимися CSS, jQuery, макетов, проблем совместимости между браузерами и т. Д. Так что же это за «webkit» и как он связан с CSS? Я также заметил много -webkit-...свойств в исходном коде для различных сайтов. Эти два связаны? …

277 css webkit cross-browser rendering-engine

4

Как я могу применить стили к нескольким классам одновременно?

Я хочу, чтобы два класса с разными именами имели одинаковое свойство в CSS. Я не хочу повторять код. .abc { margin-left:20px; } .xyz { margin-left:20px; } <a class="abc">Lorem</a> <a class="xyz">Ipsum</a> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент Поскольку оба класса делают одно и то же, я должен объединить их в один. Как …

277 css css-selectors

9

Заставить кнопку идти на полную ширину?

Я хочу, чтобы кнопка занимала всю ширину столбца, но возникают трудности ... <div class="span9 btn-block"> <button class="btn btn-large btn-block btn-primary" type="button">Block level button</button> </div> Как сделать кнопку шириной столбца?

276 css twitter-bootstrap html responsive-design

7

В чем разница между: focus и: active?

В чем разница между :focusи :activeпсевдо-классами?

275 css css-selectors pseudo-class

3

Добавьте пробел («») после элемента, используя: after

Я хочу добавить пробел после некоторого контента, однако content: " ";, похоже, не работает. Это мой код: h2:after { content: " "; } ... который не работает, однако это делает: h2:after { content: "-"; } Что я делаю не так?

274 css

17

Градиентные границы

Я пытаюсь применить градиент к границе, я думал, что это так же просто, как сделать это: border-color: -moz-linear-gradient(top, #555555, #111111); Но это не работает. Кто-нибудь знает, как правильно сделать градиенты границы?

274 css gradient

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