Перейти к содержимому

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

  • автор:

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

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

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

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

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

AlexMcArrow

Alex McArrow @AlexMcArrow

Как закрепить положение текста, чтобы он не смещался при масштабировании в css?

Необходимо закрепить шапку и footer при масштабировании страницы в браузере
Добрый день, нашла вашу тему, очень близка мне по тематике. Есть сайт tagansorbent.kz, на котором.

Как сделать фоновую картинку на всю ширину и чтобы при масштабировании она менялась?
Есть сайт, kinozip.com, нужно чтобы при масштабировании фоновая картинка менялась как при значении.

Как сделать так, чтобы при масштабировании объекта, объект расширялся только по одному вектору
Всем привет, я новичок в Unity3D. Столкнулся с проблемой при создании лазера. Цилиндр, который я.

Регистрация: 06.03.2015
Сообщений: 209

font-size: 3vw;

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

767 / 323 / 157
Регистрация: 26.05.2016
Сообщений: 2,127

Лучший ответ

Сообщение было отмечено Tomas Curda как решение

Решение

ЦитатаСообщение от Tomas Curda Посмотреть сообщение

Как закрепить положение текста, чтобы он не смещался при масштабировании в css?

position: fixed;

87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь

CSS. Позиционирование элементов на странице. Некорректное отображение при масштабировании.
Есть два симметрично расположенных объекта в шапке веб-страницы, при масштабировании их положение.

Непропорциональное уменьшение текста при масштабировании
Имеем контейнер с другими контейнерами внутри — в которых текст. При уменьшении масштабирования -.

Как сделать чтобы контролы не меняли положение при измении размера грида?
пожалуйста скажите как сделать чтобы все контролы не ездили вслед за гридом. я изменяю размер.

Как сделать чтобы при открытии формы scroll элемента panel выставлялся в нужное положение?
Как сделать чтобы при открытии WinFoRm scroll элемента panel выставлялся в нужное положение?

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

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

Отслеживать
задан 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
122k 24 24 золотых знака 124 124 серебряных знака 299 299 бронзовых знаков
Можно чуть чуть по подробнее?
4 сен 2017 в 13:17
@Антон, готово.
4 сен 2017 в 13:23

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

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

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

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

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

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Как зафиксировать текст в 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 не будет опубликован. Обязательные поля помечены *