text-wrap属性怎么使用

　　CSS3text-wrap属性

　　作用：text-wrap属性规定文本的换行（折行）规则。

　　语法：

　　text-wrap:normal|none|unrestricted|suppress;

　　normal：只在允许的换行点进行换行。

　　none：不换行。元素无法容纳的文本会溢出。

　　unrestricted：在任意两个字符间换行。

　　suppress：压缩元素中的换行。浏览器只在行中没有其他有效换行点时进行换行。

　　注：目前主流浏览器都不支持text-wrap属性。

　　CSS3text-wrap属性的使用示例

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<style>

　　p.test1

　　{

　　width:11em;

　　border:1pxsolid#000000;

　　text-wrap:none;

　　}

　　p.test2

　　{

　　width:11em;

　　border:1pxsolid#000000;

　　text-wrap:normal;

　　}

　　</style>

　　</head>

　　<body>

　　<pclass="test1">这段包含一些文本。这一行的文字不会换行到下一行。</p>

　　<pclass="test2">这段包含一些文本。这一行的文字正常换行。.</p>

　　</body>

　　</html>

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css3-style/c54249.shtml