PhoneGap中文网

标题: CSS3 自动换行 css如何实现自动换行 [打印本页]
作者: admin    时间: 2013-7-19 19:49
标题: CSS3 自动换行 css如何实现自动换行
CSS3 自动换行 css如何实现自动换行



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

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


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

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

  19. </body>
  20. </html>
复制代码
作者: 你懂得    时间: 2013-9-27 15:55
有竞争才有进步嘛
作者: 你懂得    时间: 2013-9-28 16:54
有道理。。。
作者: phonegap100    时间: 2013-9-30 05:29
帮你顶下哈！！
作者: 野蛮人    时间: 2013-10-24 16:44
学习学习。。。。。。。
作者: woniu    时间: 2013-10-25 13:12
不错，支持下，顺便学习下
作者: taomaotao    时间: 2013-10-30 16:17
不错不错，，   顶一下 啊，，
作者: ymhsky    时间: 2014-1-14 12:00
不错，学习支持一下



欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/) Powered by Discuz! X3.2