logo

Како умотати текст у ЦСС?

ЦСС прелом редова својство се користи за разбијање дугих речи и премотавање на следећи ред. Ово својство се користи да спречи преливање када је нераскидиви низ предугачак да стане у кутију која садржи.

Ово својство дефинише паузе у речи да би се избегло преливање када је реч предуга да би стала у контејнер. Одређује разбијање речи када садржај пређе границу контејнера.

Синтакса

 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> 
Тестирајте одмах

Излаз

Како умотати текст у ЦСС