CSS перенос слів властивість використовується для розриву довгих слів і переходу на наступний рядок. Ця властивість використовується для запобігання переповненню, коли нерозривний рядок надто довгий, щоб поміститися в контейнері.
Ця властивість визначає розриви в слові, щоб уникнути переповнення, коли слово занадто довге, щоб поміститися в контейнер. Він визначає розрив слів, коли вміст перевищує межі контейнера.
Синтаксис
word-wrap: normal | break-word | initial l inherit ;
Цінності
нормальний: Це значення за замовчуванням, яке використовується для розбивання слів лише в дозволених точках розриву.
ключове слово: Він використовується для розриву непорушних слів.
початковий: Він використовується для встановлення значення властивості за замовчуванням.
успадкувати: Він успадковує властивість від свого батьківського елемента.
приклад
.test { width: 200px; background-color: lightblue; border: 2px solid black; padding: 10px; font-size: 20px; } .test1 { width: 11em; background-color: lightblue; border: 2px solid black; padding: 10px; word-wrap: break-word; font-size: 20px; } <p> In this paragraph, there is a very long word: iamsooooooooooooooooooooooooooooooolongggggggggggggggg. The long word will break and wrap to the next line. </p> Перевірте зараз Вихід
перетворення рядка в ціле число
