Вопросы с тегом «css»

Как вы можете выбрать первый и последний TDподряд? tr > td[0], tr > td[-1] { /* styles */ }

170 css  css-selectors 

Мне кажется, что я нашел способ, используя свойство содержимого CSS, вставить тег разрыва строки перед элементом. Очевидно, это не работает: #restart:before { content: '<br/>'; } Но как ты это делаешь?

170 css 

На этот вопрос есть ответы на Переполнение стека на русском : Сетка из адаптивных (отзывчивых) квадратов Мне интересно, как бы я мог создать макет с адаптивными квадратами . Каждый квадрат будет иметь вертикально и горизонтально выровненный контент. Конкретный пример показан ниже ...

170 html  css  responsive-design  grid-layout  aspect-ratio 

Как я могу предотвратить автоматические разрывы строк в столбце таблицы (не одной ячейке)?

170 html  css  layout 

Неважно, каково его содержание. Можно ли это сделать?

170 html  css  responsive 

это упоминается в каждой статье о мобильном Интернете, но нигде я не могу найти объяснение того, что именно измеряет этот атрибут. Может кто-нибудь, пожалуйста, уточните, что делает такие запросы, как эта проверка? @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-device-pixel-ratio: 3/2), only screen …

170 css 

Я знаю, что на самом деле невозможно изменить изображение с помощью CSS, поэтому я помещаю кадрирование в кавычки. То, что я хотел бы сделать, это взять прямоугольные изображения и использовать CSS, чтобы они выглядели квадратными, не искажая изображение вообще. Я бы хотел включить это: В это:

170 html  css  image  crop 

Я не сталкивался с этим раньше, и мне очень трудно найти решение. Если в начальной загрузке есть столбец, равный medium: <h1 class="text-center">Hello, world!</h1> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <h1>vicki williams</h1> </div> </div> </div> Выравнивание текста работает отлично: Но при создании столбца, равного очень маленькому, вот так: <div class="container"> …

170 html  css  twitter-bootstrap  twitter-bootstrap-4  text-alignment 

Я новичок в JQuery. В моем приложении у меня есть следующее: $("#displayPanel div").live("click", function(){ $(this).css({'background-color' : 'pink', 'font-weight' : 'bolder'}); }); Когда я нажимаю на Div, цвет этого Div меняется. В рамках этой функции Click у меня есть некоторые функции, которые нужно сделать. После всего этого я хочу удалить примененный …

169 jquery  css 

Когда я пытаюсь использовать position: relative/ position: absoluteна <th>или <td>в Firefox, это не работает.

169 css  firefox 

Есть ли способ отрегулировать положение изображения в стиле list? Когда я использую отступы для элементов списка, изображение останется на своей позиции и не будет двигаться вместе с отступами ...

169 css  image  html-lists 

У меня есть панель, которую я покрасил в синий цвет, если эта панель выбирается (щелкнул по ней) Кроме того, я добавляю небольшой значок ( .pngизображение) на эту панель, который указывает, что выбранная панель уже была выбрана ранее. Поэтому, если пользователь видит, например, 10 панелей, и у 4 из них есть …

169 css  background  background-image  background-color 

У меня возникли проблемы с onmouseoutфункцией в абсолютном положенном div. Когда мышь попадает в дочерний элемент в div, происходит событие mouseout, но я не хочу, чтобы оно срабатывало, пока мышь не вышла из родительского элемента, абсолютный div. Как я могу предотвратить mouseoutзапуск события, когда оно попадает в дочерний элемент БЕЗ …

169 javascript  css  dom-events  onmouseout 

Я работаю над вложенным макетом flexbox, который должен работать следующим образом: Внешний уровень ( ul#main) - это горизонтальный список, который должен расширяться вправо, когда в него добавляется больше элементов. Если он становится слишком большим, должна быть горизонтальная полоса прокрутки. #main { display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: auto; /* …

168 html  css  flexbox 

В одном из интервью мне был задан вопрос: "Какая разница между CSS height:100%и height:auto?" Кто-нибудь может объяснить?

167 css