css- все статьи тега ➜ страница 25
CSS для установки формата бумаги A4
мне нужно имитировать бумагу формата А4 в интернете и разрешить печатать эту страницу, как она отображается в браузере (Chrome, в частности). Я установил размер элемента в 21 см x 29,7 см, но когда я отправляю на печать (или предварительный просмотр), он обрезает мою страницу. посмотреть этот видео! body { margin: 0; padding: 0; background-color: #FAFAFA; font: 12pt "Tahoma"; } * { box-sizing: border-box; -moz-box-sizing: border-box; } .page { width: 21cm; ...
Что это самый чистый способ, чтобы временно отключить эффекты перехода в CSS?
У меня есть элемент DOM с некоторыми/всеми следующими примененными эффектами: #elem { -webkit-transition: height 0.4s ease; -moz-transition: height 0.4s ease; -o-transition: height 0.4s ease; transition: height 0.4s ease; } Я пишу плагин jQuery, который изменяет размер этого элемента, мне нужно временно отключить эти эффекты, чтобы я мог плавно изменить его размер. каков наиболее элегантный способ временного отключения этих эффектов (а затем их повторного включения), учитывая, что о ...
CSS-Overflow: Scroll; - всегда показывать вертикальную полосу прокрутки?
Так что в настоящее время у меня есть: #div { position: relative; height: 510px; overflow-y: scroll; } однако я не думаю, что для некоторых пользователей будет очевидно, что там больше контента. Они могут прокручивать страницу вниз, не зная, что мой div на самом деле содержит гораздо больше контента. Я использую высоту 510px, чтобы он отрезал некоторый текст, поэтому на некоторых страницах он выглядит так, что есть больше контента, но это не работает для всех из них. Я использую Mac, а ...
Доступ к CSS": after " селектор с jQuery [дубликат]
этот вопрос уже есть ответ здесь: Выбор и управление псевдо-элементами CSS, такими как:: before и ::after с помощью jQuery 21 ответов у меня есть следующий css: .pageMenu .active::after { content: ''; margin-top: -6px; display: inline-block; width: 0px; height: 0px; border-top: 14px solid white; border-left: 14px solid transparent; border-bottom: 14px solid white; pos ...
CSS / HTML: Как правильно сделать текст курсивом?
что такое правильно способ сделать текст курсивом? Я видел следующие четыре подхода: <i>Italic Text</i> <em>Italic Text</em> <span class="italic">Italic Text</span> <span class="footnote">Italic Text</span> <i> это "старый путь". <i> не имеет семантического значения и только передает презентационный эффект выделения текста курсивом. Насколько я могу видеть, это явно неправильно, потому что это несемантично. <em> это и ...
Любой способ ограничить длину границы?
есть ли способ ограничить длину границы. У меня есть <div> Это имеет нижнюю границу, но я хочу добавить границу слева от <div> это тянется только на половину пути вверх. есть ли способ сделать это без добавления дополнительных элементов на странице? ...
Изменение начальной загрузки navbar свернуть точку останова без использования меньше
В настоящее время, когда ширина браузера падает ниже 768px, навигационная панель переходит в свернутый режим. Я хочу изменить эту ширину на 1000px, поэтому, когда браузер находится ниже 1000px, navbar переходит в свернутый режим. Я хочу сделать это, не используя меньше, я использую стилус не меньше. моя проблема такая же, как и в этом вопросе: Bootstrap 3 Navbar Collapse но все ответы на эти вопросы объясняют, как это сделать, изменив меньшую переменную. Я не занимаюсь Менее, я использую стил ...
Цвет фона не отображается в режиме предварительного просмотра
Я пытаюсь распечатать страницу. На этой странице Я дал таблице цвет фона. Когда я просматриваю предварительный просмотр печати в chrome, он не принимает свойство цвета фона... поэтому я попробовал это свойство: -webkit-print-color-adjust: exact; но все равно его не показывает цвет. http://jsfiddle.net/TbrtD/ .vendorListHeading { background-color: #1a4567; color: white; -webkit-print-color-adjust: exact; } <div class="bs-docs-example" id="soTable" style="padding-top: 10px;"> ...
Есть ли способ сделать ширину дочернего DIV шире, чем родительский DIV, используя CSS?
есть ли способ иметь дочерний DIV в Родительском контейнере DIV, который шире, чем его родитель. Дочерний DIV должен иметь одинаковую ширину видового экрана браузера. см. пример ниже: ребенок DIV должны оставайтесь ребенком родительского div. Я знаю, что могу установить произвольные отрицательные поля на дочернем div, чтобы сделать его шире, но я не могу понять, как по существу сделать его 100% шириной браузера. Я знаю, что могу сделать это: .child-div{ margin-left: -100px; margin-r ...
Как добавить несколько классов в компонент ReactJS
Я новичок в ReactJS и JSX, и у меня возникли небольшие проблемы с кодом ниже. Я пытаюсь добавить несколько классов в в каждом li: <li key={index} className={activeClass, data.class, "main-class"}></li> мой компонент React: var AccountMainMenu = React.createClass({ getInitialState: function() { return { focused: 0 }; }, clicked: function(index) { this.setState({ focused: index }); }, render: function() { var self = this; var accountMenuData = [ ...
Отключение параметров печати браузера (верхние, нижние колонтитулы, поля) со страницы?
Я видел этот вопрос, заданный несколькими различными способами на SO и нескольких других сайтах, но большинство из них либо слишком специфичны, либо устарели. Я надеюсь, что кто-то может дать окончательный ответ здесь, не потворствуя спекуляциям. есть ли способ, либо с помощью CSS или JavaScript, чтобы изменить настройки принтера по умолчанию, когда кто-то печатает в своем браузере? И, конечно же, под "печатью из своего браузера" я имею в виду некоторую форму HTML, а не PDF или какой-то другой ...
Как заставить DIV-блок расширяться до нижней части страницы, даже если у него нет содержимого?
в разметке, показанной ниже, я пытаюсь растянуть содержимое div до конца страницы, но это только растяжение, если есть контент для отображения. Причина, по которой я хочу это сделать, заключается в том, что вертикальная граница все еще появляется на странице, даже если нет никакого контента для отображения. вот мой HTML: <body> <form id="form1"> <div id="header"> <a title="Home" href="index.html" /> </div> <div id="menuwrapper"> ...
Разница между контуром и границей
кто-нибудь знает о какой-либо разнице между свойствами "границы" и "контура" в CSS? Если нет никакой разницы, то почему существуют два свойства для одной и той же вещи? ...
Поддержка "границы радиуса" в IE
кто-нибудь знает, если/когда Internet Explorer будет поддерживать атрибут CSS "border-radius"? ...
Как обернуть текст кнопки html с фиксированной шириной
Я просто заметил, что если вы даете html-кнопке фиксированную ширину, текст внутри кнопки никогда не оборачивается. Я пробовал это с помощью word-wrap, но это сокращает слово, хотя есть места, доступные для обертывания. Как я могу сделать текст кнопки html с фиксированной шириной обертки, как любой tablecell бы? <td class="category_column"> <input type="submit" name="ctl00$ContentPlaceHolder1$DataList1$ctl12$ProCat_NameButton" value="Roos Sturingen / Sensors" ...
Отзывчивые css фоновые изображения
У меня есть сайт (g-floors.eu) и я хочу сделать фон (в css я определил bg-изображение для контента) также отзывчивым. К сожалению, я действительно не знаю, как это сделать, за исключением одной вещи, о которой я могу думать, но это довольно обходной путь. Создание нескольких изображений, а затем с помощью css размер экрана, чтобы изменить изображения, но я хочу знать, если есть более практичный способ для достижения этой цели. в основном то, что я хочу достичь, это изображение (с водяным знаком ...
Вложенные строки с системой сетки bootstrap?
Я хочу 1 большее изображение с 4 меньшими изображениями в формате 2x2, Как это: моей первой мыслью было разместить все в одном ряду. Затем создайте два столбца, а во втором столбце создайте две строки и два столбца, чтобы создать эффект 1x1 и 2x2. однако, это кажется невозможным, или я просто не делаю это правильно? ...
Могу ли я добавить цвет к значкам bootstrap только с помощью CSS?
в Twitter использует значки по технологии glyphicons. Они и есть"available in dark gray and white" по умолчанию: можно ли использовать некоторые CSS трюки, чтобы изменить цвета иконок? Я надеялся на какой-то другой блеск css3, который предотвратит необходимость установки изображения значка для каждого цвета. Я знаю, что вы можете изменить цвет фона вшита (<i>) элемент, но я говорю о значке цвета переднего плана. Я думаю, что это было бы можно инвертировать прозрачность на изображении з ...
Как обеспечить отправку поля формы, когда оно отключено?
у меня есть select поле формы, которое я хочу отметить как "только для чтения", так как пользователь не может изменить значение, но значение по-прежнему передается с формой. Используя disabled атрибут не позволяет пользователю изменять значение, но не передает значение с формой. The readonly атрибут доступен только для input и textarea поля, но это в основном то, что я хочу. Есть ли способ заставить это работать? две возможности, которые я рассматриваю включают в себя: вместо отключения se ...
Измените курсор на руку, когда мышь проходит по строке в таблице
как я могу изменить указатель курсора на руку, когда моя мышь проходит через <tr> на <table> <table class="sortable" border-style:> <tr> <th class="tname">Name</th><th class="tage">Age</th> </tr> <tr><td class="tname">Jennifer</td><td class="tage">24</td></tr> <tr><td class="tname">Kate</td><td class="tage">36</td></tr> <tr><td class="tname">Dav ...