Как перенести строку в css
Есть несколько способов перенести строку в css.. Если вы здесь - значит вы понимаете о каком переносе строк идет речь! Никаких выводов делать не буду, какой из переносов строки выбрать - это вы сами решайте!
Как перенести строку в css на сайте?
- Перенос строки css : word-break: break-all.
- Перенос строки css : word-break: break-word.
- Перенос строки css : overflow-wrap: break-word.
Перенос строки css : word-break: break-all.
Свойство
Как переводится - word-break: break-all;
word - слово
break - ломать
all - все
Создадим класс word_break, в котром припишем это свойство с этим значением :
.word_break {
width: 160px;
background: #f0f0f0;
border: 1px solid #333;
padding: 10px;
font-size: 18px;
word-break: break-all;
}
Добавим div? в который поместим некий, текст :
<div class="word_break"></div>
Результат применения word-break: break-all
Перенос строки css : word-break: break-word.
Поступаем аналогично, что делали в предыдущем пункте!
.word_break_2 {
width: 160px;
background: #f0f0f0;
border: 1px solid #333;
padding: 10px;
font-size: 18px;
word-break: break-word;
}
Результат применения word-break: break-word
Перенос строки css : overflow-wrap: break-word.
Еще одно свойство для переноса строки :
.word_break_3 {
width: 160px;
background: #f0f0f0;
border: 1px solid #333;
padding: 10px;
font-size: 18px;
overflow-wrap: break-word;
}
Результат применения overflow-wrap: break-word
Свои комменты в ожидании переделки!
Когда сделаю не знаю!
Времени нет...
Иначе сообщение будет удалено, вас в бан - все просто!
Но если, сил нет как хочется высказать всё, что вы думаете об этом, пожалуйста - комменты от Vk - форма ниже: