word-wrap属性怎么用?

2024-01-17 17:19 小编

    cssword-wrap属性怎么用?

 

  word-wrap属性允许长的内容可以自动换行。它设置或检索当内容超出其容器边界时是否中断单词。


image.png

 

  语法

 

  word-wrap:normal|break-word;

 

  属性值:

 

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

 

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

 

  注释:所有主流浏览器都支持word-wrap属性。

 

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

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

电话

13363039260

微信二维码

微信二维码