自动折行/超过固定宽度后以省略号显示
div自动折行样式:word-wrap:break-word;overflow:hidden;
内容超过长度后以省略号显示的方法:{
width:200px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
}
demo:
<html>
<head>
<title>内容过长自动生成省略号</title>
<style>
.test_div{
width:100px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
}
</style>
</head>
<body>
<div class="test_div" title="你知道吗?世界上最漂亮的地方在一个真实的梦里,相信我,只要追求,愿意去追求,就一定可以看得到!">你知道吗?世界上最漂亮的地方在一个真实的梦里,相信我,只要追求,愿意去追求,就一定可以看得到!</div>
</body>
</html>