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

CSS (Каскадні таблиці стилів) - мова аркуша стилю представлення, яка використовується для опису вигляду та форматування HTML (мови розмітки HyperText), XML (розширюваної мови розмітки) та SVG-елементів, включаючи (але не обмежуючись ними) кольори, макет, шрифти, та анімації. Він також описує, як елементи повинні бути відображені на екрані, на папері, у мовленні або на інших носіях інформації.

4
Як зробити CSS шириною для заповнення батьківської?
Я впевнений, що цю проблему вже задавали раніше, але я не можу знайти відповіді. У мене є така розмітка: <div id="foo"> <div id="bar"> here be dragons </div> </div> Я хочу зробити foo шириною 600px( width: 600px;) і зробити бар таким чином: padding-left: 2px; padding-right: 2px; margin-left: 2px; margin-right: 2px; outerWidth: …
88 css 
3
Які правила накладання медіа-запитів CSS накладаються?
Як ми точно розподіляємо медіа-запити, щоб уникнути дублювання? Наприклад, якщо ми розглянемо код: @media (max-width: 20em) { /* for narrow viewport */ } @media (min-width: 20em) and (max-width: 45em) { /* slightly wider viewport */ } @media (min-width: 45em) { /* everything else */ } Що станеться з усіма підтримуючими …
7
Як встановити властивість висоти для SPAN
Мені потрібно зробити наступний код розтяжним із заданою висотою <style> .title{ background: url(bg.gif) no-repeat bottom right; height: 25px; } </style> <span class="title">This is title</span> Але оскільки span - це вбудований елемент, властивість "height" не працюватиме. Я спробував використовувати div замість цього, але він розшириться до ширини верхнього елемента. А ширина …
88 css  height  html 
4
Розгортання лише веб-сторінки HTML, CSS в Tomcat
Я тільки починаю розробку веб-сайту . На даний момент у мене є лише HTML-сторінка, що підтримується кількома таблицями стилів CSS . Чи можу я створити файл WAR зі сторінок HTML і CSS ? Як їх розгорнути на сервері Tomcat ? Дякую.
22
як уникнути зайвої порожньої сторінки в кінці під час друку?
Я використовую властивість CSS, Якщо я використовую page-break-after: always;=> Це надрукує зайву порожню сторінку раніше Якщо я використовую page-break-before: always;=> Він друкує додаткову порожню сторінку після. Як цього уникнути? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <style type="text/css"> .print{ page-break-after: …
88 css  printing 
10
CSS3 еквівалентний jQuery slideUp і slideDown?
Моя програма погано працює з jQuery's slideDown і slideUp. Я прагну використовувати еквівалент CSS3 у браузерах, які його підтримують. Чи можливо, використовуючи переходи CSS3, змінити елемент з display: none;на, display: block;одночасно пересуваючи елемент вниз або вгору?
88 jquery  css  animation 
3
Рядок Bootstrap зі стовпцями різної висоти
На даний момент я маю щось на зразок: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> Тепер припускаючи, що це contentбули коробки різної висоти, з однаковою шириною - як я міг зберегти той самий «макет на основі …
13
Як я можу зробити всі зображення різної висоти та ширини однаковими за допомогою CSS?
Я намагаюся створити стіну зображення, що складається з фотографій товару. На жаль, всі вони різної висоти та ширини. Як я можу використовувати css, щоб усі зображення мали однаковий розмір? переважно 100 х 100. Я думав зробити div, який має висоту та ширину 100px, а потім трохи поповнив його. Не знаю, …
88 html  image  css  resize 
7
Як позбутися зайвого місця під svg в елементі div
Ось ілюстрація проблеми (перевірена у Firefox та Chrome): <div style="background-color: red;"><svg height="100px" width="100" style="background-color: blue;"></svg></div> Запустіть фрагмент кодуСховати результатиРозгорніть фрагмент Переглянути на JSFiddle Зверніть увагу на зайвий redпростір усередині divсинього svg. Вже спробував налаштування paddingі marginдля обох елементів 0, але без удачі.
88 html  css  svg 
12
Як встановити ширину та висоту зображення, не розтягуючи його?
Якщо я маю: #logo { width: 400px; height: 200px; } тоді <img id="logo" src="logo.jpg"/> розтягнеться, щоб заповнити цей простір. Я хочу, щоб зображення залишалося однакового розміру, але щоб воно займало стільки місця в DOM. Чи потрібно додавати інкапсулюючу <div>чи <span>? Я ненавиджу додавати розмітку для стилю.
88 html  css 
11
Чи можна обчислити ширину області перегляду (vw) без смуги прокрутки?
Як зазначено в заголовку, чи можна обчислити vwбез смуг прокрутки лише в css? Наприклад, мій екран має ширину 1920px. vwповертається 1920px, чудово. Але моя справжня ширина тіла лише щось на зразок 1903px. Чи є спосіб для мене отримати 1903pxзначення лише за допомогою css (не лише для прямих дочірніх елементів body), …
10
висота рядка у відсотках не працює
У мене проблема з висотою лінії, яку я не можу повністю розвести. Наступний код буде центрувати зображення в div: CSS .bar { height: 800px; width: 100%; line-height:800px; background-color: #000; text-align: center; } .bar img { vertical-align: middle; } HTML <div class="bar"> <img src="http://27.media.tumblr.com/yHWA4oxH870ulxnoH7CkOSDR_500.jpg" alt="Foo Image" /> </div> Однак, якщо я …
87 css 
8
Як відцентрувати вкладки завантажувальної стрічки на сторінці?
Я використовую twitter bootstrap для створення перемикаються вкладок. Ось css, який я використовую: <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul> </div> Цей html відображає вкладки правильно, але відтягується ліворуч (саме це має відбутися). Я спробував попрацювати з CSS, щоб …
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.