Вопросы
Как проверить, включён ли line-clamp?
У меня есть динамический текст в элементе span. Я хотел бы использовать line-clamp: 2. В этом случае текст ограничивается максимум 2 строками, а остальная часть обрезается и заменяется на …. Это работает с: display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:...
css - минимальная высота по количеству строк
Описание проблемы:
Я уже предполагаю ответ на свой вопрос, но надеюсь, что кто-то поделится интересным решением.
Мне нужно задать минимальную высоту для DIV, но не в пикселях или процентах. (Знаю, это звучит странно, но это необходимо для совместимости и адаптивности.)
В общем, я хочу задать...
HTML-таблица: процентная ширина колонок
У меня есть таблица с 7 колонками, и я хочу, чтобы ширина колонок была следующей:
- 3 колонки по
width=20%
- 4 колонки по
width=10%
Я создал 2 CSS класса, по одному для каждой ширины, и назначаю их каждой ячейке.
Однако у меня есть проблема: ширина колонок всегда подстраивается под...
Как задать максимальную высоту или ширину для изображения?
Я хочу, чтобы изображение имело высоту 725 пикселей или ширину 500 пикселей и сохраняло свои пропорции. Когда у меня есть изображения с высотой более 725 пикселей и шириной менее 500 пикселей, они растягиваются, чтобы соответствовать ширине 500 пикселей.
Какой лучший способ этого достичь?
Вот что...
Как заставить браузеры учитывать ориентацию JPEG по EXIF?
Проблема с автоматической ориентацией JPG-файлов в браузерах
Я знаю, что автоматическая ориентация JPG-файлов отключена в браузерах. Это сделано для того, чтобы не нарушать разметку некоторых сайтов.
Есть ли CSS-свойство, которое может помочь в этом? Или существует JavaScript-код для достижения...
Как автоматически изменить размер ячейки HTML-таблицы под размер текста?
У меня есть таблица с 2 строками и переменным количеством столбцов. Я установил ширину столбцов в 100%, чтобы первое содержимое в представлении поместилось. Однако, если я изменяю содержимое динамически, размеры столбцов HTML-таблицы не увеличиваются и не уменьшаются автоматически. Как решить эту...
Предварительный просмотр изображений перед загрузкой
Я столкнулся с проблемой на странице, где у меня есть четыре изображения, которые пользователь может выбрать. Я хочу, чтобы пользователь имел возможность предварительно просмотреть каждое изображение на сайте перед загрузкой.
В приведенном ниже коде JavaScript всё работает только для одного...
Кнопка onclick срабатывает дважды
У меня есть кнопка, которая вызывает JavaScript-функцию с помощью обработчика событий. По какой-то причине обработчик событий вызывается дважды.
Вот моя кнопка (я использую PHP-объект для генерации кода, поэтому здесь много пустых тегов):
Add To Cart
Вот мой обработчик...
Как задать высоту текстового поля ввода в CSS?
Заголовок: Проблема с установкой высоты текстового поля в CSS для Windows Phone
Текст вопроса:
Извините за этот вопрос, но я не могу найти ответ нигде. У меня есть CSS-код, который должен устанавливать высоту моего текстового поля. Я использую VS2010 Express для Windows Phone, программирую на...
Как закодировать строку в JavaScript для отображения в HTML?
Описание проблемы
Я столкнулся с задачей преобразования строки в HTML в JavaScript и не могу найти оптимальное решение.
Например, у меня есть строка:
var unsafestring = "<oohlook&atme>";
Мне нужно преобразовать её таким образом, чтобы полученная строка выглядела...
jQuery: Как найти список div с похожими ID?
У меня есть структура HTML, которая выглядит следующим образом:
некоторые элементы внутри
некоторые элементы внутри
некоторые элементы внутри
некоторые элементы внутри
Как мне получить массив всех ``, у которых в ID содержится "triger" (как видно, у них всех есть "triger", но разная...
JavaScript - Получение имени файла и расширения из input type="file"
У меня есть поле для загрузки файла, и когда я нажимаю кнопку "Обзор" и выбираю файл, я хочу, чтобы имя файла и его расширение отображались в двух текстовых полях (см. пример кода).
С расширением все работает корректно, но имя файла также включает путь, что приводит к предупреждению о "фейковом...
CSS: Невозможность использования селектора "сосед" (sibling selector)
Проблема с CSS-селектором для выбора элементов без определенных соседей
Я работаю с таким HTML-кодом:
Мне нужно создать селектор, который выберет все элементы с классом iwant
, у которых НЕТ соседей с классом idontwant
.
Поскольку я занимаюсь парсингом контента...
Как объединить HTML, JS и CSS в один HTML-файл с помощью Webpack? [закрыт]
Проблема: Как объединить HTML, CSS и JS в один файл с помощью Webpack для сокращения HTTP-задержки?
Я разработал свое приложение, используя Webpack, который объединяет все CSS в один файл, весь JS в другой файл и создает один HTML-файл для моего SPA (одностраничного приложения).
Во время...
Установить значение по умолчанию в выпадающем списке с помощью jQuery
У меня есть множество опций в выпадающем списке:
it's me
Мне нужно выбрать опцию, которая имеет текстовое значение it's me внутри тега, а не по атрибуту, например, по значению 1.
Как я могу сделать это с помощью jQuery?
Отступ текста после первой строки абзаца
Описание проблемы
Я пытаюсь создать эффект, при котором все строки после первой строки в абзаце автоматически отступают так, чтобы они располагались прямо под "- " из первой строки. Вот пример текста, который у меня есть:
- A Reuters reporter in Surkhrod district in Nangarhar...
Как сделать одинаковую ширину для всех символов на веб-странице
Существует ли шрифт или CSS-свойство, которое обеспечивало бы равную ширину для каждого символа без необходимости самостоятельно их рисовать (.ttf)?
Применение нескольких стилей к HTML-элементу
Я только начинаю учиться HTML и у меня возникла проблема с применением нескольких стилей к тексту. Я хотел бы создать заголовок с двумя свойствами:
- По центру
- Шрифт: Tahoma
Я попробовал вот такой код:
TITLE
Но это не сработало...
В чем моя ошибка?
Как адаптировать ширину flex-элемента к содержимому?
Описание проблемы
У меня есть задача сделать ширину div адаптивной. Когда в контейнере всего один элемент, ширина этого div должна соответствовать ширине самого элемента.
Вот текущий код, который я использую:
#container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
...
Что такое anchorNode, baseNode, extentNode и focusNode в объекте, возвращаемом document.getSelection?
У меня возникла проблема при работе с выделением текста на HTML-странице. Когда я выполняю следующий код:
var a = document.getSelection();
Я получаю объект, у которого есть четыре свойства:
- anchorNode
- baseNode
- extentNode
- focusNode
Значения первых трех свойств...