word-break文本换行

最新推荐文章于 2024-10-03 22:12:17 发布

iteye_5129

最新推荐文章于 2024-10-03 22:12:17 发布

阅读量102

点赞数

分类专栏： css 文章标签： css3

本文链接：https://blog.csdn.net/iteye_5129/article/details/82678093

版权

css 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

[color=red][size=large]建议使用word-break:keep-all,不拆分单词[/size][/color]


<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>

<p><b>注意:</b>  word-break 属性不兼容 Opera.</p>

</body>
</html>