CSS Implementation of word-break forced line feed. They all show the effect of word-break after the gathering in normal, break-all, and keep-all modes, the most common use is break-all, but the normal attribute is used more on foreign websites.
Copy to ClipboardReference: [www.bkjia.com] <! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN"
Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"/>
<Title> word-break </title>
<Style>
. P1
{
Word-break: normal;
}
. P2
{
Word-break: break-all;
}
. P3
{
Word-break: keep-all;
}
P {
Width: 300px;
Height: 50px;
Border: 2px solid #000000;
}
</Style>
</Head>
<Body>
<P class = "p1"> this is an instance of Howareyou about the wrap attribute in a word. </P>
<P class = "p2"> this is an instance of Howareyou about the wrap attribute in a word. </P>
<P class = "p3"> this is an instance of Howareyou about the wrap attribute in a word. </P>
</Body>
</Html>
