CSS - Страница 509

Я пытаюсь наложить/сложить столбцы сетки, они перекрываются, как и должны, но я хочу, чтобы размеры каждого столбца вносили вклад в общий размер контейнера. Я мог бы решить эту проблему, продублировав основной элемент, в этом примере тег select. Но...

Мне бы хотелось, чтобы элемент div «Другая строка» находился на новой строке
И я хотел бы избежать абсолютного позиционирования
Ссылка на codepen

1
2
3
another line

.grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}

.grid >...

У меня есть входной файл типа, который необходимо настроить. Мне нужно добавить значок в кнопку ввода, изменить имя кнопки и, наконец, скрыть имя выбранного файла. Я пробовал разные методы, например, использование или , но проблема в том, что мне...

Я студент, работающий над небольшим проектом, и для этого проекта я ДОЛЖЕН использовать гибкий блок. Я использовал свойство «space-around», ожидая, что все мои элементы div будут четными, но правый элемент div, кажется, привязан к стороне, а...

Некоторое время я пытался найти способ разместить всплывающее окно пользовательского интерфейса материала под моей привязкой и всегда оставлять его таким даже на маленьких экранах.
Вот песочница пример.
Это лучшее, что я получил, но на данный момент...

Я работаю над проектом, в котором мне нужно разместить три элемента:
Число внутри красного круга.
Заголовок выровнен по той же строке, что и число. .
Элемент , начинающийся непосредственно под заголовком.
вот мой код:

01

Track company wide...

короткий текст
длинный текст

1 / 4

alt= Beautiful skies with some sushine
/>
Chris and Anna
Forever starts here 💍

alt= Beautiful skies with some sushine
/>
Chris and Anna
Two hearts, one promise ❤️

alt= Beautiful skies with some...

Ниже приведена фотография iMessage, извините, она немного великовата. На изображении вы увидите, что разные многострочные сообщения имеют разную ширину. Фактически, каждый из них оптимизирован для минимальной ширины без создания новой строки....

Для простоты у меня есть два компонента: и . Судя по названию, оба должны занимать всю ширину страницы. ведет на одну из этих страниц, и существует большая разница в их ширине.
Страница обзора занимает полную 100% ширину страницы, что как ожидалось...

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

У меня есть приложение Angular версии 17.3, и я включил переходы между представлениями с помощью функции withViewTransitions().
Теперь, как я могу исключить один конкретный элемент из значения по умолчанию ( root) просмотреть переходы?...

У меня есть :before для открывающей «кавычки» и :after для закрывающей кавычки.
Теперь мне нужен :after:after для ссылки «cite» но я не могу заставить его работать.
Кто-нибудь знает, возможно ли это?
Мой код на данный момент: -

blockquote:before...

Я разрабатываю собственный компонент Angular для переключателя с особыми требованиями к дизайну:
Размер внешнего круга: фиксированный размер 16 x 16 пикселей.
Размер внутреннего круга (проверенное состояние) ): фиксированный размер 8 x 8 пикселей....

В настоящее время я использую paged.js для создания печатной версии имеющихся у меня блогов в формате HTML. Я хотел бы создать оглавление, чтобы при его распечатке люди могли сказать, на какой странице начинается каждая глава. По сути, я создаю...

У меня есть пример того, чего я хочу достичь.

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

У меня сложилось впечатление, что к гибким элементам/дочерним элементам можно добавить поля, и flexbox должен автоматически это учитывать и рассчитывать правильное расстояние между элементами.

Однако у меня не получается заставить это работать так,...

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

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

Это...

У меня есть таблица с несколькими сотнями строк, созданная повторяющимся PHP-скриптом. В Bootstrap 5 я использую растянутую ссылку, чтобы сделать кликабельной всю строку таблицы. Это работает точно так, как и ожидалось, на настольном компьютере и с...

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

В моей реализации (я использую Vue.js, не уверен, имеет ли это значение) я хочу создать...

В моем приложении мы используем Wicket, и для выбора даты я хочу применить следующий класс CSS «ui-datepicker-today» к тегу «td», который уже имеет класс CSS «ui-datepicker-current- день», то есть текущая дата должна иметь оба этих класса CSS.
Я...

У меня есть пример того, чего я хочу достичь.

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

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

Как сделать рамку с квадратами по углам? И сломать одну из границ. Поставьте лайк на изображении.

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

:root {
--size:...

Я конвертирую HTML в PDF, и когда PDF загружается, он показывает перекрытие текста.
введите здесь описание изображения
Пожалуйста, помогите мне найти разрешение перекрывающегося текста в PDF.
Я использую приведенный ниже файл style.css для HTML...