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

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

18
Як вирівняти 3 диви (ліворуч / центр / праворуч) всередині іншого діва?
Я хочу, щоб 3 діви були вирівняні всередині контейнера, подібно до цього: [[LEFT] [CENTER] [RIGHT]] Див контейнера шириною 100% (без встановленої ширини), а центральний поділ повинен залишатися в центрі після зміни розміру контейнера. Тому я встановив: #container{width:100%;} #left{float:left;width:100px;} #right{float:right;width:100px;} #center{margin:0 auto;width:100px;} Але це стає: [[LEFT] [CENTER] ] [RIGHT] Якісь поради?
14
Як зробити сторінку HTML у форматі паперу формату A4?
Чи можна змусити HTML-сторінку поводитись, наприклад, як сторінка формату А4 в MS Word? По суті, я хочу мати змогу показати сторінку HTML у веб-переглядачі та окреслити вміст у розмірах сторінки формату А4. Для простоти я припускаю, що HTML-сторінка буде містити лише текст (без зображень тощо), а <br>тегів, наприклад, не буде. …
388 html  css  printing 
21
Зображуйте зображення горизонтально в розділі
Це, мабуть, дурне питання, але оскільки звичайні способи вирівнювання зображення не працюють, я подумав, що запитаю. Як я можу в центрі вирівняти (горизонтально) зображення всередині свого контейнера? Ось HTML та CSS. Я також включив CSS для інших елементів ескізу. Він працює в порядку зменшення, тому найвищий елемент є контейнером всього, …
387 html  css 
16
Додати рядок межі до рядка таблиці <tr>
У мене таблиця 3 на 3. Мені потрібен спосіб додати рамку для нижньої частини кожного ряду trі надати їй певний колір. Спочатку я спробував прямий шлях, тобто: &lt;tr style="border-bottom:1pt solid black;"&gt; Але це не спрацювало. Тому я додав CSS так: tr { border-bottom: 1pt solid black; } Це все ще …
385 html  css  html-table 
4
Розуміння зміщення ширини, ширини клієнта, ширини прокрутки та -висоти відповідно
Існує кілька питань щодо StackOverflow щодо offsetWidth / clientWidth / scrollWidth (і -Height відповідно), але жодне не дає вичерпного пояснення, що це за значення. Також в Інтернеті є кілька джерел, які дають заплутану або неправильну інформацію. Чи можете ви дати повне пояснення, включаючи деякі візуальні підказки? Крім того, як ці …
385 html  css  dom 
11
CSS фіксована ширина в прольоті
У списку не упорядкованих: &lt;li&gt;&lt;span&gt;&lt;/span&gt; The lazy dog.&lt;/li&gt; &lt;li&gt;&lt;span&gt;AND&lt;/span&gt; The lazy cat.&lt;/li&gt; &lt;li&gt;&lt;span&gt;OR&lt;/span&gt; The active goldfish.&lt;/li&gt; Додавання атрибута класу чи стилю дозволено, але додавання тексту та додавання чи зміна тегів заборонено. Сторінка відображається за допомогою Courier New. Мета - мати текст після вишикування. The lazy dog. AND The lazy cat. …
381 html  css 
30
Таблиця стилів не завантажується через тип MIME
Я працюю над веб-сайтом, який використовує gulpдля компіляції та синхронізації браузера, щоб підтримувати синхронізацію браузера зі своїми змінами. Завдання gulp компілює все належним чином, але на веб-сайті я не можу побачити жодного стилю, і на консолі відображається це повідомлення про помилку: Відмовлено в застосуванні стилю з ' http: // localhost: …
7
SVG крапля тіні за допомогою css3
Чи можна встановити тінь для виведення елемента SVG за допомогою css3, щось подібне box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; Я побачив деякі зауваження щодо створення тіні за допомогою ефектів фільтра. Чи є приклад використання css поодинці. Нижче представлений робочий код, де правильно застосовано стиль кусору, але …
379 html  css  svg  svg-filters 
24
CSS, щоб колонтитул HTML-сторінки залишався внизу сторінки з мінімальною висотою, але не перекривав її
У мене була така сторінка (deadlink:), http://www.workingstorage.com/Sample.htmяка має колонтитул, який я не можу змусити сидіти внизу сторінки. Я хочу, щоб колонтитул дотримуйтесь нижньої частини вікна, коли сторінка коротка, а екран не заповнений, і залишайтеся в кінці документа і рухайтесь вниз як звичайно, коли вміст містить більше екрана (замість того, щоб …
379 css  footer 
27
Flex-box: вирівняйте останній ряд до сітки
У мене простий макет флеш-коробки з контейнером типу: .grid { display: flex; flex-flow: row wrap; justify-content: space-between; } Тепер я хочу, щоб елементи в останньому ряду були вирівняні з іншим. justify-content: space-between;слід використовувати, оскільки ширину та висоту сітки можна регулювати. В даний час це виглядає так Тут я хочу, щоб …
378 css  flexbox  grid-layout 
11
Налаштування фонового зображення за допомогою властивості jQuery CSS
У мене є URL-адреса зображення в imageUrlзмінній, і я намагаюся встановити її як стиль CSS, використовуючи jQuery: $('myObject').css('background-image', imageUrl); Здається, це не працює, оскільки: console.log($('myObject').css('background-image')); повертає none. Будь-яка ідея, що я роблю неправильно?
377 javascript  jquery  css 
25
змусити висоту Діва розширити його вміст
У мене є ці вкладені диви, і мені потрібен основний контейнер для розширення (по висоті) для розміщення DIV всередині &lt;!-- head --&gt; ... &lt;!-- /head --&gt; &lt;body class="main"&gt; &lt;div id="container"&gt; &lt;div id="header"&gt; &lt;!--series of divs in here, graphic banner etc. --&gt; &lt;/div&gt; &lt;div id="main_content"&gt; &lt;!-- this DIV _should_ stretch to …
376 css  height 
29
Bootstrap 3 Navbar з логотипом
Я хочу використовувати навігатор за замовчуванням Bootstrap 3 з логотипом зображення замість текстового брендування. Який правильний спосіб зробити це, не викликаючи проблем із різними розмірами екрана? Я вважаю, що це звичайна вимога, але я ще не побачив хорошого зразка коду. Ключовою вимогою, крім прийнятного відображення для всіх розмірів екрана, є …
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.