CSS - Страница 681

Я пытался добавить значок FontAwesome в свой код, но он не отображается при предварительном просмотре веб-сайта.
Я добавил значок с помощью этого кода .
Demo

Я тоже пробовал;
Demo

Но значок не отображается.
Обратите внимание, что этот код...

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

Мне нужна помощь. Есть ли способ показать обратный упорядоченный список в css/scss? Что-то похожее на это:

5. I am a list item.
4. I am a list item.
3. I am a list item.
2. I am a list item.
1. I am a list item.

Подробнее здесь:

Я хочу, чтобы элементы сетки начинались с центра, а не слева. Поэтому я использовал justify-items-center:

placeholder1.jpg

placeholder2.png

Однако элементы по-прежнему начинаются слева:

Что я делаю неправильно ?...

При добавлении пользовательского HTML-кода исходная ширина и высота масштабируются, а почти все элементы страницы выравниваются.
Это простой фрагмент HTML-кода, но он говорит о многом.
css_code= '''
.container {
display: flex;
height: 100vh;
width:...

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

У меня есть эта сетка карточек. Под карточками есть изображение и текст. Когда ширина браузера уменьшается до 1000 пикселей, карточки переходят в сложенный формат и растягиваются на 100 % ширины экрана. Изображение должно переместиться в левую часть...

При добавлении пользовательского HTML-кода исходная ширина и высота масштабируются, а почти все элементы страницы выравниваются.
Это простой фрагмент HTML-кода, но он говорит о многом.
html_code = '''

教育大模型问答

用户问答示例...

Я хочу, чтобы элементы сетки начинались с центра, а не слева. Поэтому я использовал justify-items-center:

placeholder1.jpg

placeholder2.png

Однако элементы по-прежнему начинаются слева:

Что я делаю неправильно ?...

Я создал веб-страницу с боковой панелью, на которой есть ссылки на другие части моего сайта. Боковая панель скрыта (на самом деле не скрыта, просто за пределами страницы с помощью left: -16vw), но на ней есть кнопка, которая выделяется для просмотра...

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

Я создал веб-страницу с боковой панелью, на которой есть ссылки на другие части моего сайта. Боковая панель скрыта (на самом деле не скрыта, просто за пределами страницы с помощью left: -16vw), но на ней есть кнопка, которая выделяется для просмотра...

У меня есть эта сетка карточек. Под карточками есть изображение и текст. Когда ширина браузера уменьшается до 1000 пикселей, карточки переходят в сложенный формат и растягиваются на 100 % ширины экрана. Изображение должно переместиться в левую часть...

Итак, я переносю приложение с CRA на NextJS и обнаружил ошибку в файлах .module.scss некоторых компонентов и страниц:
Syntax error: Selector :global(.label-primary) is not pure (pure selectors must contain at least one local class or id)

Я...

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

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

{
position: relative;
}
::after {
bottom: 100%;
content: attr(tt);
padding: 5px;
background: #333;
color: #fff;
}
::before,
::after {
position: absolute;
/* Middle 3 */
left:...

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

У меня есть таблица с 6 столбцами. В одной из ячеек строки я использую элемент textarea для отображения и захвата ввода пользователя.
В настоящее время содержимое внутри текстовой области усекается и применяется эллипс. Взаимодействие, которое я...

Это кажется очень простым, и я думаю, что я, должно быть, упускаю что-то совершенно очевидное, но почему здесь flex div не учитывает 300 пикселей, установленные его родителем?

Как вы можете видеть на этом изображении, видны все DIV-элементы...

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

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

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

в первом фрагменте кода ниже я показываю макет с использованием flex-flow: row Wrap, который имеет желаемые свойства макета, но может превышать максимальную заданную высоту контейнера. Второй фрагмент кода показывает макет с flex-flow:column nowrap,...

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

Я написал этот код:
HTML:

Phone Tales

Phone Tales

العربية

Images/Image1.png

Mobile phones are the essence of life.

We cannot deny that mobile phones have become an integral part of our daily lives. They connect...