Как растянуть текст в css

Как выровнять текст по ширине?

Выравниванием по ширине называется такой способ форматирования текста, когда левый и правый края текста выравниваются по вертикальным линиям (рис. 1).

Рис. 1. Выравнивание текста по ширине

Для выравнивания правого края текста браузер добавляет пустые промежутки между слов, что иногда смотрится неаккуратно.

Чтобы выровнять текст по ширине ему достаточно добавить свойство text-align со значением justify , как показано в примере 1.

Пример 1. Использование text-align

В данном примере мы используем класс text-justify , который при добавлении его к любому элементу выравнивает текст по ширине.

Последняя строка нашего текста по умолчанию остаётся выровненной по левому краю. Для управления поведением последней строки есть отдельное свойство text-align-last. К примеру, значение right выравнивает по правому краю, а center — по центру (пример 2).

Пример 2. Использование text-align-last

См. также

• text-align
• text-align-last
• Свойства текста в CSS

Как растянуть текст в css

Подскажите пожалуйста, как можно растянуть текст по ширине всего слоя

Laravel/Vue expert
Старожил Подтвердите свой е-майл
Регистрация: 08.08.2007
Сообщений: 2,832

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

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

Я не знаю, есть ли другие способы растянуть — вот потому и спросил
Может подскажете, есть ли способ растянуть эти слова в таком случае:
———————-

———————-
То есть в случае, когда я знаю ширину обоих слоев — есть ли способ растянуть слова на одинаковую ширину?

Студент, не
Регистрация: 29.01.2009
Сообщений: 2,067

Действительно что-то не растягивается.

I am the First of Cyber Evolution.
I am the First to Program your Future.
Форумчанин
Регистрация: 15.11.2008
Сообщений: 285

Justify по идее не работает только в ie 5.5 и 6.0, но у меня вообще ни где не работает, мне кажется что через css поставленную задачу не решить. Можно js использовать но это жестоко будет.

Чем точнее и проще задан вопрос, тем проще на него получить точный ответ.
Последний раз редактировалось Deight; 26.02.2009 в 19:25 .
Студент, не
Регистрация: 29.01.2009
Сообщений: 2,067

Я тут посмотрел. «justify» работает, но для большого текста на несколько строк вниз. И чтоб слов в каждой строке было больше трёх.

Я думаю лучше будет сделать вручную картинку с текстом, и уже её растягивать (если нужно).

I am the First of Cyber Evolution.
I am the First to Program your Future.

Как растянуть текст бокс ?

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

Как растянуть текст на всю ширину div?
Есть такой код: <div style="background-color: #00FF00; width: 100%; max-width: 800px; text-align.

Как растянуть текст в подменю(сделать в одну строку)?
Здравствуйте, дорогие форумчане! Признаюсь скопипастил. Помогите сделать текст подменю в одну.

Как растянуть основной div до футера и разместить текст ровно центру этого div?
Всем привет, решил попробовать создать простейший резиновый сайт и чтобы футер был привязан внизу.

3106 / 2591 / 1219
Регистрация: 14.05.2014
Сообщений: 7,236
Записей в блоге: 1

Сообщение от crushed00

текст бокс не растягивается. Почему?
Потому что вы прописываете свойства диву, а не инпуту.
Регистрация: 02.12.2019
Сообщений: 261

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

 html> head> title>Макет/title> link rel="stylesheet" type="text/css" href="Макет.css"> /head> body> div class="contener"> div class="nadpis">/div> div class="TextBox"> input type="text" width = "100%" height = "250px"> /div> /div> /div> /body> /html>

Ну даже и так все равно нечего не меняется

3106 / 2591 / 1219
Регистрация: 14.05.2014
Сообщений: 7,236
Записей в блоге: 1

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

Решение

Сообщение от crushed00

width = "100"

100 попугаев? Может, пикселей или процентов?

Добавлено через 1 минуту

1 2 3 4 5 6 7

div class="contener"> div class="nadpis">/div> div class="TextBox"> input type="text"> /div> /div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

body { background: snow; } .contener { position: absolute; left: 50%; transform: translateX(-50%); border: 1px solid black; width: 500px; height: 650px; background: papayawhip; display: flex; justify-content: center; align-items: center; } .TextBox{ flex: 1 1 auto; text-align: center; } .TextBox input[type="text"] { width: 70%; }

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

Растянуть текст
Здравствуйте. Имеется текст, имеется блок. Размер текста не задан, нужно чтобы этот текст.

Растянуть текст по высоте — CSS
Помогите, нужно текст вытянуть по высоте, оставив слова узкими:(

Как сделать текст-бокс для пароля?
Надо чтобы пользователь вводил в текст-бокс символы, а высвечивались "*", но чтоб данные не.

Как строку из datagrid сохранить в текст бокс
Как строку из datagrid сохранить в текст бокс. Есть 4 столбца и 1 строка. Нужно сохранить в.

Как посчитать сумму чисел вводимых в текст бокс?
Есть допустим три тексБокса. В них я ввожу 25 25 50,а результат соответственно должен быть 100.

Как сделать так , чтобы каждое значение выводилось в текст в бокс с названием?
Помогите!! Создать проект «Расчет стоимости нескольких порций мороженного» Стоимость должна.

Растянуть текст по высоте — CSS

CSS. Не полчучается растянуть DIV по всей высоте
вот он на лицо — http://kot.hut4.ru/ левый див с auto растягивается по содержимому, а с height.

Растянуть бэкграунд по высоте
Здравствуйте, форумчане! Не кидайтесь помидорками, пожалуйста, я знаю, что эта тема — давний.

Как растянуть li по высоте
Может кто подскажет, столкнулся я с такой такой задачей. Есть блок ul в нем находиться порядка 4-5.

Растянуть div на 100% по высоте
Похожие темы на форуме вроде есть, но ответа так и не нашел. Такая ситуация div внутри div’a.

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

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

Решение

p>Текст, который нужно растянуть/p>

1 2 3

p { transform: scale(1, 4); }