logo

Kā ietīt tekstu CSS?

CSS vārdu aplaušana Īpašums tiek izmantots, lai pārtrauktu garos vārdus un pārietu uz nākamo rindu. Šis rekvizīts tiek izmantots, lai novērstu pārplūdi, ja nelaužama virkne ir pārāk gara, lai ietilptu saturošajā lodziņā.

Šis rekvizīts nosaka vārda pārtraukumus, lai izvairītos no pārplūdes, ja vārds ir pārāk garš, lai ietilptu konteinerā. Tas norāda vārdu pārrāvumu, ja saturs pārsniedz konteinera robežu.

Sintakse

 word-wrap: normal | break-word | initial l inherit ; 

Vērtības

normāli: Tā ir noklusējuma vērtība, kas tiek izmantota, lai pārtrauktu vārdus tikai atļautajos pārtraukuma punktos.

pārtraukuma vārds: To izmanto, lai lauztu nesalaužamos vārdus.

iniciālis: To izmanto, lai iestatītu īpašuma noklusējuma vērtību.

mantot: Tas manto īpašumu no sava vecākelementa.

Piemērs

 .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> 
Izmēģiniet to tagad

Izvade

Kā ietīt tekstu CSS