日期:2014-05-17  浏览次数:20678 次

DIV文字隐藏问题,求解决啊~~

这是一个div,最后一行怎么让它显示得漂亮点啊,或者多出来的字隐藏掉或者用...替换,求高手指导啊!

------解决方案--------------------
文字的 line-height= 图片的高度/你所需显示的文字行数  。
------解决方案--------------------
单纯的想隐藏的漂亮的话,高度要被行高整除
<!DOCTYPE HTML>
<html>
<head>
<meta charset="gbk" />
<title></title>
<style>
div {
width:300px; height:100px;
border:1px solid red;
line-height:20px;
font-size:12px;
overflow:hidden;
}
</style>
</head>
<body>
<div>
发生的健康放讲的是开发就的伤口附近的
发生的健康放讲的是开发就的伤口附近的
发生的健康放讲的是开发就的伤口附近的
发生的健康放讲的是开发就的伤口附近的
发生的健康放讲的是开发就的伤口附近的
发生的健康放讲的是开发就的伤口附近的
发生的健康放讲的是开发就的伤口附近的
发生的健康放讲的是开发就的伤口附近的
</div>
</body>
</html>