У меня есть динамический текст в элементе span. Я хотел бы использовать line-clamp: 2. В этом случае текст ограничивается максимум 2 строками, а остальная часть обрезается и заменяется на …. Это работает с: display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:...

Описание проблемы:

Я уже предполагаю ответ на свой вопрос, но надеюсь, что кто-то поделится интересным решением.

Мне нужно задать минимальную высоту для DIV, но не в пикселях или процентах. (Знаю, это звучит странно, но это необходимо для совместимости и адаптивности.)

В общем, я хочу задать...

У меня есть таблица с 7 колонками, и я хочу, чтобы ширина колонок была следующей:

• 3 колонки по width=20%
• 4 колонки по width=10%

Я создал 2 CSS класса, по одному для каждой ширины, и назначаю их каждой ячейке.

Однако у меня есть проблема: ширина колонок всегда подстраивается под...

Я хочу, чтобы изображение имело высоту 725 пикселей или ширину 500 пикселей и сохраняло свои пропорции. Когда у меня есть изображения с высотой более 725 пикселей и шириной менее 500 пикселей, они растягиваются, чтобы соответствовать ширине 500 пикселей.

Какой лучший способ этого достичь?

Вот что...

Проблема с автоматической ориентацией JPG-файлов в браузерах

Я знаю, что автоматическая ориентация JPG-файлов отключена в браузерах. Это сделано для того, чтобы не нарушать разметку некоторых сайтов.

Есть ли CSS-свойство, которое может помочь в этом? Или существует JavaScript-код для достижения...

У меня есть адаптивная веб-страница, которая открывает модальное окно при нажатии кнопки. Когда модальное окно открывается, оно устанавливается на полный экран (ширина и высота) с помощью фиксированного позиционирования. В модальном окне также есть поле ввода.

На устройствах iOS, когда...

Я хотел бы использовать inherit с calc(), как показано в примере:

#foo {
  animation-duration: 10s;
}
#foo > .bar {
  animation-duration: calc(inherit + 2s); /* =12s */
}

Но это, похоже, не работает.

Это ошибка браузера или проблема в спецификации?

Проблема проста. Как получить размер фона изображения (ширину и высоту) для div с помощью jQuery? Это вообще возможно? Я предполагал, что код ниже сработает:

jQuery('#myDiv').css('background-image').height();

Но я получаю сообщение об ошибке, что это не функция.

Какова разница между единицами CSS em и ch?

Я использую ch в своем стиле, но em кажется более распространенной единицей. В чем между ними разница?

Я понимаю, что 20ch предоставляет достаточно пространства для 20 нулей. Но я не совсем понимаю, что такое em. Оно дает достаточно пространства для 20...

У меня есть таблица с 2 строками и переменным количеством столбцов. Я установил ширину столбцов в 100%, чтобы первое содержимое в представлении поместилось. Однако, если я изменяю содержимое динамически, размеры столбцов HTML-таблицы не увеличиваются и не уменьшаются автоматически. Как решить эту...

Проблема:

Я хочу добавить два теневых эффекта (drop shadow) к фону div с изображением. На данный момент я использую следующий CSS-код:

-webkit-filter: drop-shadow(3px 3px 5px #000000, 2px 2px 2px #ffcc00);
filter: drop-shadow(3px 3px 5px #000000, 2px 2px 2px #ffcc00);

Однако данный...

У меня есть проект, в котором я использую SVG, загружаемый в CSS следующим образом:

background-image:...

Заголовок: Проблема с установкой высоты текстового поля в CSS для Windows Phone

Текст вопроса:

Извините за этот вопрос, но я не могу найти ответ нигде. У меня есть CSS-код, который должен устанавливать высоту моего текстового поля. Я использую VS2010 Express для Windows Phone, программирую на...

Можно ли задать точку вращения в CSS? По умолчанию точка вращения находится на уровне 50%, 50%. Я пробовал использовать следующий код:

transform: rotate(230deg); rotation-point: 90% 90%;

Но это не сработало... Есть ли какие-то предложения?

Описание проблемы

Я столкнулся с проблемой в CSS, когда пытаюсь понять, что означает селектор ~ (тильда/волнистая линия) в следующем примере:

#img1:hover ~ #img2 {
    opacity: 0;
}

При использовании этого селектора в Visual Studio я получаю ошибку 'неожиданная...

У меня есть структура HTML, которая выглядит следующим образом:

некоторые элементы внутри
некоторые элементы внутри
некоторые элементы внутри
некоторые элементы внутри

Как мне получить массив всех ``, у которых в ID содержится "triger" (как видно, у них всех есть "triger", но разная...

У меня есть таблица стилей, в которой я подключаю фоновое изображение:

background: url(../Images/myImage.png);

Проблема в том, что страницы находятся в разных каталогах и используют этот CSS!

Мои CSS-файлы находятся в папке CSS, изображения — в папке Images, а HTML-страницы...

Я тестирую свой сайт, и он работает нормально во всех браузерах, за исключением браузера на iPhone (по-моему, это мобильный Safari), который отображает часть текста с большим шрифтом, чем остальной текст. Я проверил CSS вручную и с помощью Firebug и могу подтвердить, что для всех элементов задан...

Проблема с CSS-селектором для выбора элементов без определенных соседей

Я работаю с таким HTML-кодом:

Мне нужно создать селектор, который выберет все элементы с классом iwant, у которых НЕТ соседей с классом idontwant.

Поскольку я занимаюсь парсингом контента...

Проблема: Как объединить HTML, CSS и JS в один файл с помощью Webpack для сокращения HTTP-задержки?

Я разработал свое приложение, используя Webpack, который объединяет все CSS в один файл, весь JS в другой файл и создает один HTML-файл для моего SPA (одностраничного приложения).

Во время...