标题过长自动隐藏的CSS代码(不会只得半个字符)

admin · 发表于 2015-3-5 22:26:39

您需要登录才可以下载或查看，没有账号？立即注册

x

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<style type="text/css">
.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;/*隐藏超出的部分*/}
</style>
</head>
<body>
<div class="div">wewewqewkq好大大大咿咿呀无色的我wew咿呀的呵呵qwq</div>
</body>
</html>

复制代码

		自动登录	找回密码
密码			立即注册

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