PhoneGap中文网

 找回密码
 立即注册
查看: 53759|回复: 7
打印 上一主题 下一主题

CSS3 自动换行 css如何实现自动换行

[复制链接]

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
跳转到指定楼层
楼主
发表于 2013-7-19 19:49:39 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
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>
复制代码
it营
回复

使用道具 举报

23

主题

141

帖子

260

积分

中级会员

Rank: 3Rank: 3

积分
260
沙发
发表于 2013-9-27 15:55:24 | 只看该作者
有竞争才有进步嘛
it营
回复 支持 反对

使用道具 举报

23

主题

141

帖子

260

积分

中级会员

Rank: 3Rank: 3

积分
260
板凳
发表于 2013-9-28 16:54:35 | 只看该作者
有道理。。。
回复 支持 反对

使用道具 举报

0

主题

108

帖子

116

积分

注册会员

Rank: 2

积分
116
地板
发表于 2013-9-30 05:29:20 | 只看该作者
帮你顶下哈!!
回复 支持 反对

使用道具 举报

1

主题

34

帖子

153

积分

注册会员

Rank: 2

积分
153
6#
发表于 2013-10-25 13:12:00 | 只看该作者
不错,支持下,顺便学习下
回复 支持 反对

使用道具 举报

4

主题

26

帖子

99

积分

实习版主

Rank: 7Rank: 7Rank: 7

积分
99
7#
发表于 2013-10-30 16:17:48 | 只看该作者
不错不错,,   顶一下 啊,,
回复 支持 反对

使用道具 举报

0

主题

19

帖子

50

积分

注册会员

Rank: 2

积分
50
8#
发表于 2014-1-14 12:00:12 | 只看该作者
不错,学习支持一下
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-12-27 09:14 , Processed in 0.095023 second(s), 34 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表