CSS3 自动换行

来源:互联网 发布:js 调用函数 编辑:程序博客网 时间:2024/05/20 20:48
CSS3 自动换行 css如何实现自动换行

 

下面是 CSS 代码:
简单实例:

允许对长单词进行拆分,并换行到下一行:
  1. p {word-wrap:break-word;}
复制代码
下面是产字符换行的  完整示例:


  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style> 
  5. p.test
  6. {
  7. width:11em; 
  8. border:1px solid #000000;
  9. word-wrap:break-word;
  10. }
  11. </style>
  12. </head>
  13. <body>

  14. <p class="test">This paragraph contains a very long word,This paragraph contains a very long word,This paragraph contains a very long word,This paragraph contains a very long word,This paragraph contains a very long word</p>

  15. </body>
  16. </html>
复制代码

0 0
原创粉丝点击