css- все статьи тега ➜ страница 21
С помощью CSS используйте " ... " для переполненного блока многострочных строк
С overflow: hidden; text-overflow: ellipsis; white-space: nowrap; "..."будет показано в конце строки, если переполнен. Однако, это будет показано только в одной строке. Но я хотел бы, чтобы он был показан в нескольких строках. Это может выглядеть так: +--------------------+ |abcde feg hij dkjd| |dsji jdia js ajid s| |jdis ajid dheu d ...|/*Here it's overflowed, so "..." is shown. */ +--------------------+ ...
Могу ли я иметь несколько фоновых изображений с помощью CSS?
возможно ли иметь два фоновых изображения? Например, я хотел бы, чтобы одно изображение повторялось сверху (repeat-x), а другое повторялось по всей странице (repeat), где одно по всей странице находится за тем, которое повторяется сверху. Я обнаружил, что могу достичь желаемого эффекта для двух фоновых изображений, установив фон html и body: html { background: url(images/bg.png); } body { background: url(images/bgtop.png) repeat-x; } это" хороший " CSS? Есть ли лучший способ? А ч ...
В чем разница между "word-break: break-all" и "word-wrap: break-word" в CSS
в настоящее время мне интересно, в чем разница между ними. Когда я использовал оба они, кажется, нарушают слово, если оно не соответствует контейнеру. Но почему W3C сделал два способа сделать это? ...
Как добавить подсказку к элементу span?
в следующем коде я хочу, чтобы подсказка появлялась, когда пользователь наводит span, Как это сделать? Я не хочу использовать какие-либо ссылки. <span> text </span> ...
Как сделать вертикальную линию в HTML
Как сделать вертикальную линию с помощью HTML? ...
Понимание offsetWidth, clientWidth, scrollWidth и-Height, соответственно
есть несколько вопросов о StackOverflow относительно offsetWidth/clientWidth / scrollWidth (и-Height, соответственно), но ни один не дает исчерпывающего объяснения того, что это за значения. кроме того, есть несколько источников в интернете, давая заблуждение или неверную информацию. можете ли вы дать полное объяснение, включая некоторые визуальные подсказки? Кроме того, как эти значения могут быть использованы для расчета ширины полосы прокрутки? ...
Как условно применить стили CSS в AngularJS?
Q1. Предположим, я хочу изменить внешний вид каждого "элемента", который пользователь отмечает для удаления, прежде чем будет нажата основная кнопка "Удалить". (Эта непосредственная визуальная обратная связь должна устранить необходимость в пресловутом "вы уверены?" диалоговое окно.) Пользователь установит флажки, чтобы указать, какие элементы должны быть удалены. Если флажок снят, этот элемент должен вернуться к своему обычному виду. каков наилучший способ применить или удалить стиль CSS? Q ...
Как сделать HTML-страницу в формате A4 Page(s)?
можно ли заставить HTML-страницу вести себя, например, как страница формата A4 в MS Word? по существу, я хочу иметь возможность отображать HTML-страницу в браузере и выделять содержимое в размерах страницы формата A4. для простоты, я предполагаю, что html-страница будет содержать только текст (без картинок и т. д.) и не будет <br> например теги. кроме того, когда HTML-страница печатается, она будет иметь размер A4 бумажные страницы. ...
Предотвращает ли" display:none " загрузку изображения?
каждый отзывчивый учебник по разработке веб-сайтов рекомендует использовать display:none CSS свойство, чтобы скрыть содержимое от загрузки на мобильных браузерах, так что сайт загружается быстрее. Это правда? Делает display:none не загружать изображения или он все еще загружает контент в мобильном браузере? Есть ли способ предотвратить загрузку ненужного контента в мобильных браузерах? ...
Меню начальной загрузки выпадающего подменю отсутствует
Bootstrap 3 все еще находится в RC, но я просто пытался его реализовать. Я не мог понять, как поставить класс подменю. Даже в css нет класса, и даже новые документы ничего не говорят об этом Это было в 2.x с именем класса как выпадающее меню ...
Любые рекомендации для CSS minifier? [закрытый]
какие-либо рекомендации для CSS minifier? Я буду рыться вокруг Google и пробовать некоторые, но я подозревал, что умное, Опытное и любопытно красивое сообщество StackOverflow, возможно, уже оценило плюсы и минусы тяжеловесов. ...
CSS3 прозрачность + градиент
RGBA очень весело, и так -webkit-gradient,-moz-gradient, и эээ... progid:DXImageTransform.Microsoft.gradient... угу. :) есть ли способ объединить два, RGBA и градиенты, так что есть Градиент Альфа-прозрачности с использованием текущих/последних спецификаций CSS. ...
Div ширина 100% минус фиксированное количество пикселей
Как я могу достичь следующей структуры без использования таблиц или JavaScript? Белые границы представляют собой края divs и не имеют отношения к вопросу. размер области в середине будет меняться, но он будет иметь точные значения пикселей, и вся структура должна масштабироваться в соответствии с этими значениями. Чтобы упростить его, мне нужен способ установить ширину "100% - n px" для верхнего среднего и нижнего среднего дивов. Я был бы признателен чистое кросс-браузерное решение, но в слу ...
CSS фоновое изображение, чтобы соответствовать ширине, высота должна автоматически масштабироваться пропорционально
у меня есть body { background: url(images/background.svg); } желаемый эффект заключается в том, что это фоновое изображение будет иметь ширину, равную ширине страницы, высота меняется для поддержания пропорции. например, если исходное изображение составляет 100*200 (любые единицы), а тело имеет ширину 600 пикселей, фоновое изображение должно быть 1200px высоким. Высота должна изменяться автоматически при изменении размера окна. Это возможно? На данный момент Firefox выглядит так, как буд ...
Скрыть текст с помощью css
У меня есть тег в моем html, как это: <h1>My Website Title Here</h1> С помощью css я хочу заменить текст с моим фактическим логотипом. У меня есть логотип, там нет проблем с изменением размера тега и помещением фонового изображения через css. Однако я не могу понять, как избавиться от текста. Я видел, как это делается раньше, в основном, нажав текст с экрана. Проблема в том, что я не могу вспомнить, где я его видел. ...
Что делает правило CSS "clear: both"?
что делает следующее правило CSS: .clear { clear: both; } а зачем нам его использовать? ...
Свойство border-radius CSS3 и border-collapse: collapse не смешиваются. Как я могу использовать border-radius для создания свернутой таблицы с закругленными углами?
Изменить - Оригинальное Название: есть ли альтернативный способ достижения border-collapse:collapse in CSS (чтобы иметь свернутый, закругленный угловой стол)? поскольку выясняется, что простое сворачивание границ таблицы не решает корневую проблему, я обновил заголовок, чтобы лучше отразить обсуждение. Я пытаюсь сделать стол с закругленными углами С помощью CSS3border-radius собственность. Стили таблицы я использование выглядит примерно так: table { -moz-border-radius:10px; -webkit-bo ...
Разве это не глупо, что крошечный фавикон требует еще одного HTTP-запроса? Как заставить фавикон перейти в спрайт?
все знают, как установить фавикон.ссылка ico в HTML: <link rel="shortcut icon" href="http://hi.org/icon.ico" type="image/x-icon" /> но я думаю, что это просто глупо, что для крошечного многобайтового значка вам нужно еще один HTTP-запрос. Поэтому я задался вопросом, как я могу сделать это изображение частью спрайта (например, background-position=0px-200px;), чтобы ускорить и сохранить этот ценный HTTP-запрос: как я могу справиться с этим и получить его в остальную часть моего существую ...
jQuery SVG, почему я не могу добавить класс?
Я использую jQuery SVG. Я не могу добавить или удалить класс в объект. Кто-нибудь знает мою ошибку? символов: <rect class="jimmy" id="p5" x="200" y="200" width="100" height="100" /> jQuery, который не будет добавлять класс: $(".jimmy").click(function() { $(this).addClass("clicked"); }); Я знаю, что SVG и jQuery работают вместе отлично, потому что я можете цель объекта и запустить предупреждение, когда он нажал: $(".jimmy").click(function() { alert('Handler for .click() call ...
Как я могу выбрать все дочерние элементы элемента, кроме последнего дочернего элемента?
Как бы я выбрал все, кроме последнего ребенка, используя селекторы CSS3? например, чтобы получить только последний ребенок будет div:nth-last-child(1). ...