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

238
Почему этот элемент встроенного блока перемещается вниз?

Ниже приведен мой код, и я хочу понять, почему #firstDiv толкается вниз всеми браузерами. Я действительно хочу понять внутреннюю работу того факта, что его толкают вниз, а не тянут его вверх тем или иным способом. (а я умею выравнивать свои верхушки :)) И я знаю, что это переполнение: скрытое,...

237
Как я могу масштабировать содержание iframe?

Как я могу масштабировать содержимое iframe (в моем примере это страница HTML, а не всплывающее окно) на странице моего веб-сайта? Например, я хочу отобразить содержимое, которое отображается в iframe, в размере 80% от исходного...

236
CSS: Как удалить псевдоэлементы (после, до,…)?

Я хотел бы использовать переключатель для размещения тегов абзаца на веб-странице. Я использую псевдоэлемент после: p:after {content: url("../img/paragraph.gif");} Теперь мне нужно удалить этот код CSS со страницы. Как это можно сделать легко? Я хочу добавить, что: JQuery уже используется на...

236
Как установить поле или отступ в процентах от высоты родительского контейнера?

Я ломал голову над созданием вертикального выравнивания в CSS, используя следующее .base{ background-color:green; width:200px; height:200px; overflow:auto; position:relative; } .vert-align{ padding-top:50%; height:50%; } <!-- and used the following div structure. --> <div...

236
Как я могу сделать масштаб SVG с его родительским контейнером?

Я хочу иметь встроенную шкалу содержимого элемента SVG, когда размер не является родным. Конечно, я мог бы иметь его как отдельный файл и так масштабировать. index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> Тем не менее, я хочу...

236
Как указать разрывы строк в многострочном макете flexbox?

На этот вопрос есть ответы на Stack Overflow на русском : Flexbox пункт - перенос на новую строку Есть ли способ сделать разрыв строки в многострочном flexbox? Например, разбить после каждого 3-го элемента в этом CodePen . .container { background: tomato; display: flex; flex-flow: row wrap;...

235
Chrome / Safari не заполняет 100% высоты родительского элемента flex

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

234
Как центрировать фрейм по горизонтали?

Рассмотрим следующий пример: ( живая демонстрация ) HTML: <div>div</div> <iframe></iframe> CSS: div, iframe { width: 100px; height: 50px; margin: 0 auto; background-color: #777; } Результат: Почему iframeцентрально не выровнен как div? Как я мог централизованно выровнять...

234
изменить курсор на указатель пальца

У меня есть это, aи я не знаю, что мне нужно вставить в «onmouseover», чтобы курсор изменился на указатель пальца, как обычная ссылка: <a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a> Я где-то читал, что мне нужно поставить: onmouseover="cursor: hand (a...

234
Как я могу переопределить стили CSS Bootstrap?

Мне нужно изменить, bootstrap.cssчтобы соответствовать моему сайту. Я чувствую, что лучше создать отдельныйcustom.css файл, а не вносить изменения bootstrap.cssнапрямую, одна из причин заключается в том, что я должен bootstrap.cssполучить обновление, и я постараюсь повторно включить все мои...

233
Рендеринг строки в HTML и сохранение пробелов и переносов строк

У меня есть приложение MVC3, на котором есть страница с подробностями. Как часть этого у меня есть описание (полученное из БД), которое имеет пробелы и новые строки. Когда он отображается, новые строки и пробелы игнорируются HTML. Я хотел бы закодировать эти пробелы и новые строки, чтобы они не...

233
CSS, чтобы установить размер бумаги A4

Мне нужно смоделировать бумагу формата А4 в Интернете и разрешить распечатывать эту страницу так, как она отображается в браузере (в частности, Chrome). Я установил размер элемента на 21 см х 29,7 см, но когда я отправляю на печать (или предварительный просмотр), он обрезает мою страницу. Смотрите...

232
Применить стиль CSS к дочерним элементам

Я хочу применять стили только к таблице внутри DIV с определенным классом: Примечание: я бы предпочел использовать css-селектор для дочерних элементов. Почему № 1 работает, а № 2 нет? 1: div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;} 2: div.test th, td, caption...

231
HTML-таблица с фиксированными заголовками?

Существует ли кросс-браузерная техника CSS / JavaScript для отображения длинной таблицы HTML, при которой заголовки столбцов остаются фиксированными на экране и не прокручиваются вместе с телом таблицы. Подумайте об эффекте «стоп-панели» в Microsoft Excel. Я хочу иметь возможность прокручивать...