Запитання з тегом «css»

Я намагаюся заповнити вертикальний простір гнучких елементів всередині 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 …

458 css  flexbox 

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

457 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: …

454 fonts  css  font-face 

Я планую використовувати Google для завантаження jQuery lib як для інтерфейсу, так і для Core. Моє запитання: чи дозволяють мені завантажити 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висота не збільшується. Як я можу зробити його зріст рівним батьківському?

451 html  css  layout 

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

446 css  overlay  lightbox 

Мені потрібно створити коробку-тінь на якомусь blockелементі, але лише (наприклад) з правого боку. Як я це роблю, це загортати внутрішній елемент box-shadowу зовнішній, padding-rightі overflow:hidden;тому три інші сторони тіні не видно. Чи є якийсь кращий спосіб досягти цього? Як box-shadow-right? EDIT : Мої наміри - створити лише вертикальну частину тіні. …

445 css  shadow  box-shadow 

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

444 javascript  css  printing  dhtml 

Чи є спосіб розташування фонового зображення певну кількість пікселів праворуч від його елемента? Наприклад, щоб розташувати щось із певної кількості пікселів (скажімо, 10) зліва , ось як я це зробив: #myElement { background-position: 10px 0; }

443 css 

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

442 css  css-transitions  opacity 

У мене два бійки поруч. Я хотів би, щоб висота їх була однаковою, і залишатись однаковою, якщо одна з них змінить розмір. Я не можу цього зрозуміти. Ідеї? Щоб уточнити своє заплутане запитання, я хотів би, щоб обидва поля завжди були однакового розміру, тому якщо одна зростає через те, що …

441 html  css  html-table  flexbox 

Я працюю над веб-сайтом, який вимагає випробування шрифтів в Інтернеті, усі шрифти у мене є .otf Чи є спосіб вставити шрифти та змусити їх працювати у всіх браузерах? Якщо ні, то які інші альтернативи у мене є?

440 html  css  fonts  font-face 

Я маю на своїй веб-сторінці посилання для друку веб-сторінки. Однак посилання також видно в самій роздруківці. Чи існує JavaScript або HTML-код, який ховав би кнопку посилання, коли я натискаю посилання для друку? Приклад: "Good Evening" Print (click Here To Print) Я хочу приховати цю мітку "Друк", коли вона надрукує текст …

440 css  printing 

Я роблю веб-сайт для завантаження, з парою Bootstrap 'Modals'. Я намагаюся налаштувати деякі функції за замовчуванням. Проблема в цьому; Ви можете закрити модал, натиснувши на фон. Чи можливо деактивувати цю функцію? Тільки для мод specifc? Модальна сторінка завантаження

440 javascript  css  twitter-bootstrap  modal-dialog