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

Я пытаюсь заполнить вертикальное пространство элемента Flex внутри Flexbox. .container { height: 200px; width: 500px; display: flex; flex-direction: row; } .flex-1 { width: 100px; background-color: blue; } .flex-2 { position: relative; flex: 1; background-color: red; } .flex-2-child { height: 100%; width: 100%; background-color: green; } <div class="container"> <div class="flex-1"></div> <div …

459 css  flexbox 

У меня есть два элемента div внутри другого элемента div, и я хочу расположить один дочерний элемент div в верхнем правом углу родительского элемента div, а другой элемент div - внизу родительского элемента div с помощью css. Т.е. я хочу использовать абсолютное позиционирование с двумя дочерними элементами div, но расположить …

458 html  css 

Предположим, у вас есть стиль и разметка: ul { white-space: nowrap; overflow-x: visible; overflow-y: hidden; /* added width so it would work in the snippet */ width: 100px; } li { display: inline-block; } <div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> …

455 html  css  overflow 

Я просматриваю страницу MDC для правила CSS @ font-face , но ничего не понимаю. У меня есть отдельные файлы для жирного , курсив и жирный + курсив . Как я могу встроить все три файла в одно @font-faceправило? Например, если у меня есть: @font-face { font-family: "DejaVu Sans"; src: url("./fonts/DejaVuSans.ttf") …

454 fonts  css  font-face 

Я планирую использовать Google для загрузки библиотеки jQuery для пользовательского интерфейса и ядра. У меня вопрос, позволяют ли они мне загрузить CSS для этого или я должен сам разместить его? Также, если я использую Google, чтобы загрузить, как я должен загрузить другие плагины? Могу ли я сжать все плагины вместе …

452 jquery  css  jquery-ui  cdn  google-ajax-libraries 

У меня есть структура страницы как: <div class="parent"> <div class="child-left floatLeft"> </div> <div class="child-right floatLeft"> </div> </div> Теперь в child-leftDIV будет больше контента, поэтому parentвысота DIV увеличивается в соответствии с дочерним DIV. Но проблема в том, что child-rightвысота не увеличивается. Как я могу сделать его высоту равной его родителю?

452 html  css  layout 

Я искал решение типа "лайтбокс", которое позволяет это, но еще не нашел его (пожалуйста, предложите, если вы знаете что-либо). Поведение, которое я пытаюсь воссоздать, похоже на то, что вы увидите в Pinterest при нажатии на изображение. Оверлей можно прокручивать (так как в целом оверлей перемещается вверх, как страница вверху страницы …

446 css  overlay  lightbox 

Мне нужно создать тень на некотором blockэлементе, но только (например) на его правой стороне. То, как я это делаю, - это оборачиваю внутренний элемент box-shadowво внешний, padding-rightи overflow:hidden;поэтому три другие стороны тени не видны. Есть ли лучший способ добиться этого? Как box-shadow-right? РЕДАКТИРОВАТЬ : я намерен создать только вертикальную часть …

445 css  shadow  box-shadow 

Как распечатать указанный div (не отключая вручную все остальное содержимое на странице)? Я хочу избегать нового диалогового окна предварительного просмотра, поэтому создание нового окна с этим контентом бесполезно. Страница содержит пару таблиц, одна из которых содержит div, который я хочу напечатать - таблица оформлена с использованием визуальных стилей для Интернета, …

444 javascript  css  printing  dhtml 

Есть ли способ расположить фоновое изображение на определенное количество пикселей справа от его элемента? Например, чтобы расположить что-то определенное количество пикселей (скажем, 10) слева , я бы так и сделал: #myElement { background-position: 10px 0; }

443 css 

У меня есть два div рядом. Я бы хотел, чтобы высота их была одинаковой, и оставалась такой же, если один из них изменяет размеры. Я не могу понять это, хотя Идеи? Чтобы прояснить мой запутанный вопрос, я бы хотел, чтобы оба блока всегда были одинакового размера, поэтому, если один из …

443 html  css  html-table  flexbox 

Можно ли использовать CSS-переходы, чтобы позволить текстовому абзацу постепенно появляться при загрузке страницы? Мне очень нравится, как это выглядит на http://dotmailapp.com/, и я бы хотел использовать подобный эффект с помощью CSS. С тех пор домен был куплен и больше не имеет упомянутого эффекта. Архивная копия может быть просмотрена на Wayback …

442 css  css-transitions  opacity 

Я делаю сайт начальной загрузки, с парой Bootstrap 'Modals'. Я пытаюсь настроить некоторые функции по умолчанию. Проблема в этом; Вы можете закрыть модальные, нажав на фон. Есть ли способ отключить эту функцию? Только на указанные модалы? Bootstrap модальная страница

441 javascript  css  twitter-bootstrap  modal-dialog 

Я работаю над сайтом, на котором требуются пробные версии шрифтов в Интернете, все шрифты, которые у меня есть, - .otf Есть ли способ встроить шрифты и заставить их работать во всех браузерах? Если нет, какие у меня есть альтернативы?

440 html  css  fonts  font-face 

У меня есть ссылка на мою веб-страницу, чтобы распечатать веб-страницу. Однако ссылка также видна в самой распечатке. Есть ли JavaScript или HTML-код, который скрывал бы кнопку ссылки, когда я нажимал ссылку для печати? Пример: "Good Evening" Print (click Here To Print) Я хочу скрыть эту метку «Печать», когда она печатает …

440 css  printing