Програмування css

1

Запобігайте розтягуванню предметів гнучкості

Зразок: div { display: flex; height: 200px; background: tan; } span { background: red; } <div> <span>This is some text.</span> </div> Запустіть фрагмент кодуСховати результатиРозгорніть фрагмент У мене є два запитання: Чому це відбувається в основному з span? Який правильний підхід, щоб запобігти його розтягуванню, не впливаючи на інші елементи …

94 html css flexbox

7

Що використовувати замість :: ng-deep

Я намагаюся стилізувати елемент, розміщений розеткою маршрутизатора в кутовому режимі, і хочу переконатися, що згенерований елемент отримує ширину 100% З більшості відповідей я бачу, що мені слід використовувати ::ng-deepселектор, але з документів Angular він не підтримується. Чи є альтернатива ::ng-deep?

94 html css angular

10

Чи має bootstrap 4 вбудований горизонтальний роздільник?

Чи має bootstrap 4 вбудований горизонтальний роздільник? Я можу це зробити, <style type="text/css"> .h-divider{ margin-top:5px; margin-bottom:5px; height:1px; width:100%; border-top:1px solid gray; } </style> Але я хочу використовувати вбудований bootstrap css, я не можу знайти його ніде в документації, можливо, я його пропускаю.

94 html css bootstrap-4 twitter-bootstrap-4

9

Як оформити введення діапазону HTML5, щоб мати різний колір до і після повзунка?

Я хочу, щоб ліва сторона була зеленою, а права - сірою. Як показано на малюнку вище, ІДЕАЛЬНО. Бажано чисте рішення CSS (потрібно лише турбуватися про WebKit). Чи можливо таке?

94 css html input webkit

9

Вирівнювання по центру на абсолютно розташованому розд

div#thing { position: absolute; top: 0px; z-index: 2; margin: 0 auto; } <div id="thing"> <p>text text text with no fixed size, variable font</p> </div> Діл знаходиться вгорі, але я не можу його за допомогою <center>або margin: 0 auto;

93 html css xhtml

8

Чому не розміщується поле: автоматичний центр зображення?

<html> <head> <title>Test</title> </head> <body> <div> <img src="queuedError.jpg" style="margin:auto; width:200px;" /> </div> </body> </html> divРозширюється до 100% , як і повинно бути , але зображення не центрувати себе. Чому?

93 html css

10

Вибір лише елементів першого рівня в jquery

Як я можу вибрати елементи посилання лише з батьків <ul>із такого списку? <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> Так у css ul li a, але ніul li ul li a Дякую

93 jquery html css css-selectors

2

Чи МЕНШ має функцію "розширення"?

SASS має функцію, @extendяка називається, що дозволяє селектору успадковувати властивості іншого селектора, але без копіювання властивостей (наприклад, міксин). Чи має LESS також цю функцію?

93 css sass less extend

14

Помилка типу: $ (...) .modal не є функцією із завантажувальним модулем Modal

У мене є модальний спосіб завантаження 2.32, який я намагаюся динамічно вставити в HTML іншого подання. Я працюю з Codeigniter 2.1. Після динамічної вставки модального часткового подання bootstrap у подання я маю: <div id="modal_target"></div> як цільовий div для вставки. У моєму поданні є кнопка, яка виглядає так: <a href="#message" class="btn …

93 javascript jquery css twitter-bootstrap twitter-bootstrap-2

12

як змусити відкрити підменю twitter bootstrap з лівого боку?

Я намагався створити підменю twitter bootstrap у спадному меню, але у мене проблема: у мене є спадне меню у верхньому правому куті сторінки, і в цьому меню є ще одне підменю. Однак, коли підменю відкривається - воно не поміщається у вікні і надто сильно рухається вправо, так що користувач може …

93 javascript jquery css twitter-bootstrap

11

: not (: empty) Селектор CSS не працює?

Я переживаю час із цим конкретним селектором CSS, який не хоче працювати, коли я додаю :not(:empty)до нього. Здається, це чудово працює з будь-якою комбінацією інших селекторів: input:not(:empty):not(:focus):invalid { border-color: #A22; box-shadow: none } Якщо я видалю :not(:empty)деталь, вона працює чудово. Навіть якщо я змінив на нього селектор, input:not(:empty)він все одно …

93 html css css-selectors

9

CSS вимкнути виділення тексту

Наразі я помістив це в тег body, щоб вимкнути виділення тексту: body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } Однак мій inputі textareaкоробки зараз не можна вибрати. Як я можу лише зробити ці вхідні елементи вибором, а решту не можна вибрати?

93 css

6

Як зняти атрибут CSS елемента за допомогою jQuery?

Якщо я встановлюю значення CSS для певного елемента, використовуючи: $('#element').css('background-color', '#ccc'); Я хочу мати можливість скасувати це специфічне значення та використовувати каскадне значення, уздовж: $('#element').css('background-color', null); Але такий синтаксис, здається, не працює - чи можливо це за допомогою іншого синтаксису? Редагувати: значення не успадковується від батьківського елемента - вихідні значення …

93 jquery css

13

Поєднуйте та зменшуйте декілька файлів CSS / JS

Я намагаюся оптимізувати ефективність сайту, консолідуючи та стискаючи файли CSS та JS. Моє питання більше стосується (конкретних) кроків щодо того, як цього досягти, враховуючи реальну ситуацію, з якою я стикався (хоча це має бути типовим серед інших розробників). Моя сторінка посилається на декілька файлів CSS та JS, наприклад: <!-- It's …

93 javascript css optimization yui-compressor http-compression

4

Як вертикально вирівняти по центру вмісту div з визначеною шириною / висотою?

Яким був би правильним методом вертикального центрування будь-якого вмісту на певній ширині / висоті div. У прикладі є два вмісти з різною висотою, що є найкращим способом вертикального центрування обох за допомогою класу .content. (і це працює для кожного браузера і без рішення table-cell) Майте на увазі деякі рішення, але …

93 html css vertical-alignment

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