css3
у меня есть вопрос о скорости рендеринга для свойства перехода css3. Предположим, у меня есть ряд элементов: div, span, a {transition: all} div {margin: 2px} span {opacity: .5} a:hover {background-position: left top} div:hover {margin: -100px} span:hover {opacity: 1} a:hover {background-position: -5px top...
этот вопрос уже есть ответ здесь: Сделайте div заполнить высоту оставшегося пространства экрана 31 ответы Итак, у меня есть веб-страница с заголовком, основным телом и нижним колонтитулом. Я хочу, чтобы основное тело ...
этот вопрос уже есть ответ здесь: могу ли я объединить :nth-child () или :nth-of-type () с произвольным селектором? 4 ответы есть ли способ ограничить css3 nth-of-type классу? У меня есть динамическое число section эл...
Я использую навигационную панель для стандартных навигационных материалов, и я хотел бы включить кнопку для входа и регистрации. Я использую a тега btn btn-large btn-success классы и по умолчанию кажется, что навигационная панель не вмещает использование вложенных btn s. результат примерно такой: и когда...
этот вопрос уже есть ответ здесь: как сделать заполнитель для поля "выбрать"? 23 ответов возможно ли иметь заполнитель на теге select? <select placeholder="select your beverage"> <option>Tea</optio...
этот вопрос уже есть ответ здесь: почему элементы flex не сжимаются после размера содержимого? 1 ответ у меня есть следующий макет в виду для списка. Каждый элемент списка представлен двумя столбцами. Второй столбец д...
Я пытаюсь центрировать внутренние элементы a <button> - тег с flexbox в justify-content: center. Но Safari не центрирует их. Я могу применить тот же стиль к любым другим тегам, и он работает по назначению (см. <p> - tag). Только кнопка выровнена по левому краю. попробуйте Firefox или Chrome, и вы...
У меня есть таблица-ячейки с фиксированной шириной и высотой и, если текст слишком большой, размер ячейки должен оставаться прежним, а текст должен быть скрыт от переполнения:скрытый. div { display: table-cell height: 100px; width: 100px; overflow: hidden; vertical-align: middle; } таблица-я...
у меня есть код, похожий на следующий: <p>This is paragraph 1. Lorem ipsum ... </p> <p>This is paragraph 2. Lorem ipsum ... </p> <p>This is paragraph 3. Lorem ipsum ... </p> <p>This is paragraph 4. Lorem ipsum ... </p> <p>This is paragraph 5. Lorem ipsum ...
<div style="display:inline-block;width:100px;"> very long text </div> любой способ использовать чистый css, чтобы вырезать слишком длинный текст, а не показывать на следующей новой строке и показывать только max 100px ...