设为首页收藏本站

PHPIN.NET

 找回密码
 立即注册
查看: 1475|回复: 0

[高手进阶] 标题过长自动隐藏的CSS代码(不会只得半个字符)

[复制链接]

374

主题

381

帖子

2558

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2558
发表于 2015-3-5 22:26:39 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
我们使用CSS隐藏标题过长部分的时候,往往会出现标题最后部分只剩下半边字符的情况,以下办法可以解决这个问题,几乎接近完美解决了。特此收藏。

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <title>Examples</title>
  7. <style type="text/css">
  8. .div{width:207px;padding:0;list-style-type:none;line-height:22px;margin-bottom:10px;background:#CCCCCC;font-size:12px;/*设置或检索对象内文本的字内换行行为。尤其在出现多种语言时(当前任意字内断开并换行,这杨不会出现半个字情况)*/word-break:break-all;height:22px;/*设置了高度,CSS才知道文本是否超出了容器换行*/overflow:hidden;/*隐藏超出的部分*/}
  9. </style>
  10. </head>
  11. <body>
  12.     <div class="div">wewewqewkq好大 大大咿咿呀无色的我wew咿呀的 呵呵qwq</div>
  13. </body>
  14. </html>
复制代码
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|PHPIN.NET ( 冀ICP备00000001号 )|网站地图  

GMT+8, 2016-12-10 20:42

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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