<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>word-break , word-warp</title>
</head>
<body>
<style type="text/css">
div{ width:300px;word-wrap:word-break; word-break:break-word; border:1px solid #999999; height:auto;}
</style>
<div>
wordwrapbreakwordwordwrapbreakwordwordwrapbreakwordwordwrapbreakword fdasfgdfhgfhf dfgfdghfdhgdhgfhsfhfdshfdghfdh
dfdhgfdhgfdhgfd dfsgdsfgfdgdfs sdafdsfdsgrfd sdfgdsfgdagds dsdafsd fsa fdafdfadsfdsagad sdffgdsgfdsgfd fdasgdffgdaf
dsfagfdagdfag asgdf gfdg dfagdasg gdfagfd
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>word-break , word-warp</title>
</head>
<body>
<style type="text/css">
div{ width:300px;word-wrap:word-break; word-break:break-word; border:1px solid #999999; height:auto;}
</style>
<div>
wordwrapbreakwordwordwrapbreakwordwordwrapbreakwordwordwrapbreakword fdasfgdfhgfhf dfgfdghfdhgdhgfhsfhfdshfdghfdh
dfdhgfdhgfdhgfd dfsgdsfgfdgdfs sdafdsfdsgrfd sdfgdsfgdagds dsdafsd fsa fdafdfadsfdsagad sdffgdsgfdsgfd fdasgdffgdaf
dsfagfdagdfag asgdf gfdg dfagdasg gdfagfd
</div>
</body>
</html>
兼容性:
类型 | ![]() | ![]() | ![]() | ![]() | |
---|---|---|---|---|---|
版本 | (X)IE6 | (X)Firefox 3.0 | (√)Chrome 1.0.x | (√)Safari 3.1 | |
(X)IE7 | (X)Firefox 3.5 | (√)Chrome 2.0.x | (√)Safari 4 | ||
(X)IE8 |