word-wrap属性怎么用

2024-01-17 14:01 小编

CSS3word-wrap属性

作用:允许长单词或URL地址换行到下一行。

说明:设置或检索当内容超过指定容器的边界时是否断行。

语法:

word-wrap:normal|break-word;

normal:只在允许的断字点换行(浏览器保持默认处理)。

break-word:在长单词或URL地址内部进行换行。

CSS3word-wrap属性的使用示例

<!DOCTYPEhtml>

<html>

<head>

<style>

p{

width:11em;

border:1pxsolid#000000;

}

p.test

{

word-wrap:break-word;

}

</style>

</head>

<body>

<p>dsffdgrh121324gfdgfhhgjhkkjlkl;</p>

<pclass="test">dsffdgrh121324gfdgfhhgjhkkjlkl;</p>

</body>

</html>


image.png



Tag: 怎么
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码