Как зафиксировать текст в html
Перейти к содержимому

Как зафиксировать текст в html

  • автор:

Как зафиксировать положение текста на странице?

https://codepen.io/anon/pen/zpmPzB
При наведении на карточку, появляется ниже другая карточка.
Как сделать, чтобы она закрывала собой текст, но не смещала его ниже, как делается это сейчас?

  • Вопрос задан более трёх лет назад
  • 775 просмотров

Комментировать

Решения вопроса 1

AlexMcArrow

Alex McArrow @AlexMcArrow

Как зафиксировать меню при прокрутке css

Чтобы зафиксировать меню при прокрутке страницы с помощью CSS, вы можете использовать свойство position и задать значение fixed для элемента меню.

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

.menu  position: fixed; top: 0; left: 0; width: 100%; > 

Здесь мы устанавливаем свойство position в значение fixed , чтобы зафиксировать меню на экране при прокрутке. Затем мы устанавливаем свойства top , left и width , чтобы разместить меню вверху страницы и растянуть его на всю ширину страницы.

Как зафиксировать текст

Как зафиксировать текст, что бы при разных разрешениях он не делился пополам, а переносился полностью?

Отслеживать
задан 4 сен 2017 в 12:44
Антон Редкозубов Антон Редкозубов

1 ответ 1

Сортировка: Сброс на вариант по умолчанию

В css для него прописать

white-space: nowrap; 
body < width: 10em >p < outline: 1px dotted red >span < color: blue >.nbr

Some text don't break me Some other text

Some text Some other text

Some text Some other text

Отслеживать
ответ дан 4 сен 2017 в 13:05
123k 24 24 золотых знака 127 127 серебряных знаков 305 305 бронзовых знаков
Можно чуть чуть по подробнее?
4 сен 2017 в 13:17
@Антон, готово.
4 сен 2017 в 13:23

  • html
  • html5
  • joomla
  • joomla3
    Важное на Мете
Похожие

Подписаться на ленту

Лента вопроса

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

Дизайн сайта / логотип © 2024 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2024.2.16.5008

Как зафиксировать текст в css

Если речь идет о выравнивании текста внутри блоков, то свойства text-align и vertical-align могут быть очень полезными.

Свойство text-align управляет горизонтальным выравниванием текста внутри блока. Оно может принимать значения left , right , center и justify . Например, если вы хотите выровнять текст по центру блока, то можете использовать следующий CSS код:

text-align: center; 

Свойство vertical-align управляет вертикальным выравниванием текста или других элементов внутри блока. Оно может принимать значения top , middle , bottom , baseline и другие. Например, если вы хотите выровнять текст по центру блока по вертикали, то можете использовать следующий CSS код:

vertical-align: middle; 

Если же вы хотите выровнять несколько блоков текста, то вы можете использовать flexbox , который позволяет управлять как горизонтальным, так и вертикальным выравниванием элементов в контейнере. Например, вы можете использовать следующий CSS код для создания контейнера с блоками текста, выровненными по центру как по горизонтали, так и по вертикали:

.container  display: flex; justify-content: center; /* горизонтальное выравнивание по центру */ align-items: center; /* вертикальное выравнивание по центру */ > 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *