电话
13363039260
word-break属性怎么用
2024-01-17 15:33 小编
CSS3word-break属性
作用：word-break属性规定自动换行的处理方法。
提示：通过使用word-break属性，可以让浏览器实现在任意位置的换行。
语法：
word-break:normal|break-all|keep-all;
normal：使用浏览器默认的换行规则。
break-all：允许在单词内换行。
keep-all：只能在半角空格或连字符处换行。
注：所有主流浏览器都支持word-break属性。但Opera不支持word-break属性。
CSS3word-break属性的使用示例
<!DOCTYPEhtml>
<html>
<head>
<style>
p.test1
{
width:11em;
border:1pxsolid#000000;
word-break:keep-all;
}
p.test2
{
width:11em;
border:1pxsolid#000000;
word-break:break-all;
}
p.test3
{
width:11em;
border:1pxsolid#000000;
word-break:keep-all;
}
p.test4
{
width:11em;
border:1pxsolid#000000;
word-break:break-all;
}
</style>
</head>
<body>
<pclass="test1">Thisisaveryveryveryveryveryveryveryveryveryverylongparagraph.</p>
<pclass="test2">Thisisaveryveryveryveryveryveryveryveryveryverylongparagraph.</p>
<pclass="test3">Thisparagraphcontainssometext:Thelineswillbreakatanycharacter.</p>
<pclass="test4">Thisparagraphcontainssometext:Thelineswillbreakatanycharacter.</p>
</body>
</html>
猜你喜欢
联络方式：
13363039260
微信二维码 