css word-wrap attribute


  Translation results:

word

英[wɜ:d] 美[wɜ:rd]

n. Word; Discourse; Promise; Message

vt .Wording, using words; expressing with words

vi.Speech

wrap

英[ræp] 美[ræp]

vt. Package; wrap; wrap with (or bandage, cover, etc.); cover

n. Knee blanket, shawl, scarf, scarf, headscarf, blouse, jacket, coat; wrapping paper; Confidential

vi. Winding, coiling (usually used in conjunction with over, around, etc.); wrapping, wrapping; putting on (clothes, etc.)

css word-wrap attributesyntax

Function:The word-wrap attribute allows long words or URL addresses to be wrapped to the next line.

Syntax: word-wrap: normal|break-word

Description: normal Only break lines at allowed word break points ( The browser keeps its default processing). Break-word Breaks new lines inside long words or URL addresses.​

Note: All major browsers support the word-wrap attribute.

css word-wrap attributeexample

<!DOCTYPE html>
<html>
<head>
<style> 
p.test
{
width:11em; 
border:1px solid #000000;
word-wrap:break-word;
}
</style>
</head>
<body>
<p class="test">This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.</p>
</body>
</html>
Run instance »

Click the "Run instance" button to view the online instance

Popular Recommendations

Home

Videos

Q&A