标题过长自动隐藏的CSS代码(不会只得半个字符)
我们使用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>
页:
[1]