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

Я хочу ігнорувати всі :hoverCSS-декларації, якщо користувач відвідує наш веб-сайт через сенсорний пристрій. Оскільки :hoverCSS не має сенсу, і це може навіть турбувати, якщо планшет запускає його при натисканні / натисканні, оскільки тоді він може триматися, поки елемент не втратить фокус. Якщо чесно, я не знаю, чому сенсорні пристрої відчувають …

141 html  css  hover  touch 

У мене лівий-правий флексбокс: .wrapper { display: flex; flex-direction: row; align-items: stretch; width: 100%; height: 70vh; min-height: 325px; max-height:570px; } <div class="wrapper"> <div class="left">Left</div> <div class="right">Right</div> </div> Виконати фрагмент кодуСховати результатиРозгорніть фрагмент Проблема полягає в тому, що правильна дитина не веде себе чуйно. Щоб бути конкретним, я хочу, щоб він …

141 css  flexbox 

Ось цікаві питання CSS для вас! У мене є текстова область з прозорим фоном, накриваючи деякий ТЕКСТ, який я хотів би використовувати як своєрідний водяний знак. Текст великий і займає більшість текстових областей. Це виглядає приємно, проблема полягає в тому, що користувач натискає текстову область, а іноді вибирає текст водного …

140 css 

Чи є причина використовувати компоновку веб-сторінки <div style="display:inline-block">замість <span>а? Чи можна розмістити вміст, вкладений всередині проміжку? Що є дійсним, а що ні? Це нормально використовувати це, щоб зробити таблицю 3х2, як макет? <div> <span> content1(divs,p, spans, etc) </span> <span> content2(divs,p, spans, etc) </span> <span> content3(divs,p, spans, etc) </span> </div> <div> …

140 css  html 

У мене є ситуація, коли за звичайних обставин CSS фіксований div розміщуватиметься саме там, де він вказаний ( top:0px, left:0px). Здається, це не дотримується, якщо у мене є батько, який має translate3d перетворення. Хіба я чогось не бачу? Я спробував інші варіанти перетворення веб-файлів, такі як стиль та перетворення походження, …

140 html  css  css-position  css-transforms 

Скажімо, я хочу спосіб відображення лише центру 50x50px зображення, розміром 250x250px у HTML. Як я можу це зробити. Також, чи є спосіб зробити це для посилань css: url ()? Мені відомо про кліп у CSS, але це, здається, працює лише при використанні з абсолютним позиціонуванням.

140 html  css  image 

Я хочу створити загальні сторінки заголовків і колонтитулів, які містяться на кількох html-сторінках. Я хотів би використовувати JavaScript. Чи можна це зробити за допомогою лише html та JavaScript? Я хочу завантажити сторінку заголовка і колонтитула на іншу сторінку html.

140 javascript  jquery  html  css 

Я намагаюся використовувати змінні CSS в медіа-запитах, і це не працює. :root { --mobile-breakpoint: 642px; } @media (max-width: var(--mobile-breakpoint)) { }

140 css  media-queries  css-variables 

Чому ми не маємо box-sizing: margin-box;? Зазвичай, коли ми вкладаємо box-sizing: border-box;свої стилі, ми справді маємо на увазі колишнього. Приклад: Скажімо, у мене є макет сторінки на 2 стовпці. Обидві стовпчики мають ширину 50%, але вони виглядають якось некрасиво, оскільки жолобу немає (проміжок посередині); Нижче наведено CSS: .col2 { width: …

139 css  layout  position  w3c 

При додаванні divs до a divз фіксованою висотою дочірні знаки з'являться зверху вниз, дотримуючись верхньої межі. ┌─────────────────────────┐ │ Child Div 1 │ │ Child Div 2 │ │ │ │ │ │ │ └─────────────────────────┘ Зараз я намагаюся відобразити їх знизу вгору так (дотримуючись нижньої межі): ┌─────────────────────────┐ │ │ │ │ …

139 html  css  scrollbar  vertical-alignment  alignment 

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

139 html  css  input  autofill 

Чи можна визначити назву класу на абзаці за допомогою Markdown? Якщо так, то як?

139 css  markdown 

Я намагаюся зрозуміти, що мені здається несподіваною: У мене є елемент з максимальною висотою 100% всередині контейнера, який також використовує максимальну висоту, але, несподівано, дитина переповнює батьків: Тестовий випадок: http://jsfiddle.net/bq4Wu/16/ .container { background: blue; padding: 10px; max-height: 200px; max-width: 200px; } img { display: block; max-height: 100%; max-width: 100%; } …

139 css 

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

138 css  twitter-bootstrap  scrollable 

Існує багато статей і запитань про шрифти у розмірі відсотка та інші розміри . Однак я не можу з’ясувати, ЩО передбачається посилання на відсоткове значення. Я розумію, що це "однаковий розмір у всіх браузерах". Я також читав це, наприклад: Відсоток (%): Одиниця відсотка приблизно нагадує одиницю "em", за винятком кількох …

138 css  font-size