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

Я використовую флекс-вікно для відображення 8 елементів, які динамічно змінюватимуть розмір моєї сторінки. Як змусити це розділити елементи на два ряди? (4 у ряд)? Ось відповідний фрагмент: (Або якщо ви віддаєте перевагу jsfiddle - http://jsfiddle.net/vivmaha/oq6prk1p/2/ ) .parent-wrapper { height: 100%; width: 100%; border: 1px solid black; } .parent { display: …

260 html  css  flexbox 

Я будую форму в Twitter Bootstrap, але у мене виникають проблеми з центруванням кнопки під входом у форму. Я вже спробував застосувати center-blockклас до кнопки, але це не спрацювало. Як я можу це виправити? Ось мій код. <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="singlebutton"></label> <div class="col-md-4"> <button id="singlebutton" …

259 html  css  twitter-bootstrap  button 

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

259 html  css  flexbox  browser-bugs 

Я працюю з CMS, в якому я маю доступ лише до CSS-файлу. Отже, я не можу нічого включити до HEAD документа. Мені було цікаво, чи існує спосіб імпорту веб-шрифту з CSS-файлу?

258 css  fonts  google-webfonts 

Я маю довгий текст усередині divз визначенимwidth : HTML: <div>Stack Overflow is the BEST !!!</div> CSS: div { border: 1px solid black; width: 70px; } Як я можу змусити рядок залишитися в одному рядку (тобто бути розрізаним посередині "Переповнення")? Я намагався використовувати overflow: hidden, але це не допомогло.

258 html  css 

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

258 css  html  stylesheet 

Як я можу вибрати всі trелементи, крім першого, trу таблиці з CSS? Я спробував скористатися цим методом, але виявив, що він не працює.

257 css  css-selectors 

Ось HTML: <div id="outer"> <div id="inner"></div> Test </div> І ось CSS: #inner { float: left; height: 100%; } Після огляду інструментами для розробників Chrome внутрішній діви отримує висоту 0px. Як я можу змусити його бути 100% висоти батьківського діва?

256 css  html  height 

HTML: <label for="email">{t _your_email}:</label> CSS: label { display: block; width: 156px; cursor: pointer; padding-right: 6px; padding-bottom: 1px; } Я хочу вибрати мітку на основі атрибуту "для", щоб змінити макет.

256 css  css-selectors 

Чи є спосіб зробити верхній регістр символу в мітці в CSS. Ось мій HTML: <a class="m_title" href="">gorr</a> <a class="m_title" href="">trro</a> <a class="m_title" href="">krro</a> <a class="m_title" href="">yrro</a> <a class="m_title" href="">gwwr</a> Виконати фрагмент кодуСховати результатиРозгорніть фрагмент

255 css 

Враховуючи цей HTML: <div>foo</div><div>bar</div><div>baz</div> Як змусити їх відображати рядки таким чином: foo bar baz не так: foo bar baz

254 css  line  html 

Тотальне запитання про noob, але тут. CSS .product__specfield_8_arrow { /*background-image:url(../../upload/orng_bg_arrow.png); background-repeat:no-repeat;*/ background-color:#fc0; width:50px !important; height:33px !important; border: 1px solid #dddddd; border-left:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-bottom-left-radius:0px; border-top-left-radius:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-topleft:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-top-left-radius:0px; margin:0; padding:2px; cursor:pointer; }​​​ HTML <span class="product__specfield_8_arrow"> </span>​ Скрипка В основному я намагаюся імітувати кнопку, зробити проміжок (або щось подібне) схожим …

254 css  html  width 

Наразі це запитання не підходить для нашого формату запитань. Ми очікуємо, що відповіді будуть підкріплені фактами, посиланнями або експертними знаннями, але це питання, ймовірно, вимагатиме дискусій, аргументів, опитувань чи розширеної дискусії. Якщо ви вважаєте, що це питання можна вдосконалити та, можливо, знову відкрити, відвідайте довідковий центр для ознайомлення . Закрито …

253 cross-browser  rounded-corners  css 

У мене є SVG, який я намагаюся зосередити в діві. Діл має ширину або 900 пікс. SVG має ширину 400 пікс. У SVG встановлено автоматичне поле ліворуч та поле праворуч. Не працює, він просто діє так, ніби лівий край дорівнює 0 (за замовчуванням). Хтось знає мою помилку?

252 css  layout  svg  positioning  margin 

Я намагаюся побудувати макет, подібний до наступного: +---+---+---+ | | | | +---+---+---+ | | +-----------+ де дно заповнює простір верхнього ряду. Якби це фактична таблиця, я міг би легко виконати це за допомогою <td colspan="3">, але оскільки я просто створюю макет , подібний до таблиці , я не можу …

251 css