CSS - Страница 603

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

Мой HTML-код такой:

Aerocello

logo2.png

// if (what goes here?) {
// and here
// }

hi

и мой CSS такой:
body {
background-color: #AEAEAE;
margin: 0;
padding: 0;

height: 100vh;
}

.gallery {
display: flex;
flex-direction: row;...

Я создал навигационную панель с помощью Bootstrap 5 и пытаюсь добиться, чтобы переход свернутого меню во всю высоту составлял 1 секунду. Я также создал анимированный переключатель для активации сворачиваемого меню (см. код). Кажется, что...

Я не понимаю, как заставить clipPath работать с SVG. Я хочу, чтобы SVG обрезал фон DIV (который имеет сплошной цвет). Я могу заставить его работать с другим SVG, но не с моим (по какой-то причине). SVG можно отобразить, и я могу расположить его...

Можно ли динамически изменять размер изображения SVG (с помощью HTML или CSS), чтобы оно соответствовало базовой линии и высоте окружающего текста?
Примерно так (изображение SVG является изображением Windows логотип в этой ситуации):

Контекст,...

Я создал игру «крестики-нолики», используя React и Tailwind CSS. Компоновка платы работает должным образом при просмотре в режиме мобильной эмуляции в браузере моего настольного компьютера, как показано на этом снимке экрана. Однако при доступе...

Я не понимаю, как заставить clipPath работать с SVG. Я хочу, чтобы SVG обрезал фон DIV (который имеет сплошной цвет). Я могу заставить его работать с другим SVG, но не с моим (по какой-то причине). SVG можно отобразить, и я могу расположить его...

По словам покупателей магазина, миниатюры товаров на этом сайте искажаются на устройствах Android (вероятно, в Chrome). Я не вижу ничего особенного в CSS этих элементов, и у меня нет доступа к устройству Android, чтобы проверить это. На всех...

Я делаю простую звуковую кнопку для нижнего колонтитула моего сайта, сама кнопка работает, но когда я перехожу на другую страницу моего сайта, она перестает воспроизводиться. Не могу понять, что делаю не так.
Вот мой код нижнего колонтитула:
Дело в...

Я пытаюсь использовать элемент диалога.

Когда диалоговое окно/модальное окно закрыто, тело должно быть прокручиваемым.
Когда диалоговое/модальное окно открыто и имеет большое содержимое, диалоговое/модальное окно должно быть прокручиваемым....

По словам покупателей магазина, миниатюры товаров на этом сайте искажаются на устройствах Android (вероятно, в Chrome). Я не вижу ничего особенного в CSS этих элементов, и у меня нет доступа к устройству Android, чтобы проверить это. На всех...

Я создал игру «крестики-нолики», используя React и Tailwind CSS. Компоновка платы работает должным образом при просмотре в режиме мобильной эмуляции в браузере моего настольного компьютера, как показано на этом снимке экрана. Однако при доступе...

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

В документе загрузчика sass говорится: «Если вы просто генерируете CSS, не передавая его в css-loader, он должен быть относительно корня вашего веб-сайта»..
Так что я сделал, как он говорит, у меня есть index.html в корне моего проекта, затем я...

Я использую bootstrap 5 для своего Jsonresume. Дизайн в HTML выглядит нормально, теперь я хочу, чтобы версия для печати выглядела так же (цвета и т. д.).

Resume of {{basics.name}}

{{{css}}}

В пользовательском CSS нет @print, но когда я...

Я пытаюсь создать таблицу с закругленными углами, используя свойство CSS border-radius. Стили таблиц, которые я использую, выглядят примерно так:
table {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px
}

Вот в чем...

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

Мне нужна помощь с этим, мне нужен такой результат

Это путь
Это HTML-код

.parte__roja-camino {
width: 100%;
height: 20%;
position: absolute;
display:flex;
left: 0;
bottom: 0;
}
.parte__roja-camino > div {
width: calc(100% / 13);
height: 100%;
}...

У меня есть элемент div с двумя элементами: изображением и текстом внутри флексбокса. Я пытаюсь сохранить соотношение между ними, используя flex: 1 и flex: 2. (одна треть для изображения, две для текста).
Выглядит это так:

.body {
display: flex;...

У меня есть элемент, и после наведения на него указателя мыши я показываю дополнительную информацию
document.getElementById(item.id).getElementsByTagName( div ) .classList.add(classes.hoverDescription)

.treeNodeDescription{
font-family:...

Я создал приложение React с помощью Vite и установил Mantine v6.0.0. Когда я вызываю следующую функцию, чтобы открыть модальное окно Mantine, вид тускнеет, однако модальное окно не отображается.
const openModal = () => modals.openConfirmModal({...

Я работаю над рассылкой по электронной почте, которая включает CTA (призыв к действию), направляющий пользователей на облачную страницу, куда я встроил видео YouTube. Видео корректно отображается на мобильных устройствах, сохраняя соотношение сторон...

Итак, я работал над созданием макета HTML 5 на основе этого шаблона:
Проблема в том, что я возюсь с порядок разделов, фоновые изображения некоторых разделов исчезают - это по-прежнему прекрасно видно в Firefox, но не в Chrome. Иногда, если вы...

Предположим, у меня есть элемент div, ширина которого составляет 50 % от тела. Как мне сделать его высоту равной этому значению? Таким образом, когда ширина окна браузера составляет 1000 пикселей, высота и ширина элемента div равны 500 пикселей....

Это может быть довольно конкретный вопрос.
У меня есть анимация бегущей текстовой области. При наведении курсора анимация приостанавливается и отображается градиент как «цвет текста». Мышь отслеживается, чтобы привязать центр черного градиента к...