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

Чи можна змінити <span>тег (або <div>), щоб попередньо відформатувати його вміст, як <pre>тег, використовуючи лише CSS?

108 html  css 

Хтось знає, як стилізувати тр так, як нам подобається? Я використав обвалення кордону на столі, після цього tr може відобразити суцільну межу 1px, яку я їм даю. Однак коли я спробував -moz-border-radius, це не працює. Навіть простий запас не працює.

108 css 

Схоже, що Chrome / Firefox не відображає межі tr, але він відображає межу, якщо вибраний перемикач table tr td. Як я можу встановити межу на tr? Моя спроба, яка не працює: table tr { border: 1px solid black; } <table> <tbody> <tr> <td> Text </td> </tr> </tbody> </table> Виконати фрагмент …

108 html  css  html-table 

Я створив цю розбірну навігаційну панель, використовуючи Bootstrap 4, яка чудово працює, але я хотів би, щоб вона закривалася, коли користувач натискає на посилання. Будь-який спосіб зробити це? Дякую панель навігації html: <nav class="navbar navbar-toggleable-md fixed-top"> <button id="nav-btn"class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarDiv" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span …

108 html  css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

В даний час я граю з CSS3 і намагаюся домогтися такого тексту тексту (чорна розмита внутрішня тінь): Але я не можу знайти спосіб створити текстові тіні всередині тексту. Цікаво, чи все-таки це можливо, тому що елемент-тінь для коробки здатний надати тінь всередині так: box-shadow: inset 0px -5px 10px 0px rgba(0, …

107 css  text  shadow 

У мене є графічний плагін, який вставляє канву і легенду <table>в свій контейнер. У цьому плагіні tableне widthвизначено, і в моєму CSS є ширина таблиць всередині цього контейнера, якщо мій плагін вставляється. Отже, новий дів успадковується table{ width: 100%}від CSS та робить неправильним. Я намагався використовувати width: initial;, виглядає добре …

107 css  internet-explorer  cross-browser  width 

Зачинено. Це питання поза темою . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб воно було тематичним для переповнення стека. Закрито 9 років тому . Удосконаліть це питання Я завжди був не впевнений, з чого почати, як основна загальна практика. Так, я знаю, це залежить від вашого …

107 html  css  frontend 

Мені потрібно додати роздільники між елементами навігації. Роздільники - зображення. Моя HTML структура як: ol > li > a > img. Тут я приходжу до двох можливих рішень: Щоб додати більше liтегів для розділення (boo!), Включіть роздільник у зображення кожного елемента (це краще, але це дає можливість користувачеві натиснути на, …

107 css  navigation  usability  separator 

У мене є пара селекторів scss, де я використовую ту саму кількість позитивного та негативного, як у: padding: 0 15px 15px; margin: 0 -15px 20px -15px; Я вважаю за краще використовувати змінну для всіх 15px сум, але це не працює: $pad: 15px; padding: 0 $pad $pad; margin: 0 -$pad 20px …

107 css  sass  compass-sass 

Коли SVG безпосередньо включається в документ, використовуючи <svg> тегу, ви можете застосувати стилі CSS до SVG через таблицю стилів документа. Однак я намагаюся застосувати стиль до SVG, який є вбудованим (використовуючи <object>тег). Чи можливо використовувати що-небудь, наприклад наступний код? object svg { fill: #fff; }

107 html  css  svg 

Я вже пару днів намагаюся налаштувати свою галерею мініатюр, щоб усі зображення виходили однакової висоти та ширини. Однак коли я змінюю код Css на, max-height: 150px; max-width: 200px; width: 120px; height: 120px; Я отримую зображення однакового розміру, але пропорції розтягуються, що руйнує зображення. чи не існує способу змінити розмір контейнера …

107 html  css  gallery  lightbox 

Цікаво, як я міг зробити розмір зображення разом із вікном браузера, ось що я зробив до цього часу (або завантажити весь сайт у ZIP-файл ). У Firefox це добре працює, але в Chrome є проблеми: зображення не завжди змінює розмір, це якимось чином залежить від розміру вікна, коли сторінка була …

107 css  image  browser  resize  window 

У мене є HTML: <div align="center" style="border:1px solid red"> This is some text in a div element! </div> Div змінює пробіли в моєму документі, тому я хочу використовувати для цього проміжок. Але "span" не централізує вміст: <span style="border:1px solid red;align=center"> This is some text in a div element! </span> Як …

107 html  css 

http://jsfiddle.net/S8g4E/ У мене є контейнер divз двома дітьми. Перша дитина має заданий зріст. Як я можу змусити другу дитину зайняти «вільний простір» контейнера, divне надаючи конкретної висоти? У прикладі рожевий divповинен займати також білий простір. Подібно до цього питання: Як змусити діву займати залишився висоту? Але я не хочу давати …

107 html  css  height  parent 

У мене є сторінка з дівами, як нижче <div id="container"> <div id="A"> </div> <div id="B"> <div id="B1"></div> <div id="B2">B2</div> </div> <div id="C"></div> <div id="D"> </div> </div> з укладкою як; html, body { margin: 0; padding: 0; border: 0; } #B, #C, #D { position: absolute; } #A{ top: 0; width: …

107 css