效果图:
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
p.test1
{width:9em; border:1px solid #000000;word-break:keep-all;
}p.test2
{width:9em; border:1px solid #000000;word-break:break-all;
}
</style>
</head>
<body><p class="test1"> This paragraph contains some text. This line will-break-at-hyphenates.</p>
<p class="test2"> This paragraph contains some text: The lines will break at any character.</p></body>
</html>