CSS3文本溢出显示省略号

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<style type="text/css">
    .demo{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:360px;}
</style>
<body>
<div class="demo">cynthia娆墨旧染cynthia娆墨旧染cynthia娆墨旧染cynthia娆墨旧染cynthia娆墨旧染cynthia娆墨旧染cynthia娆墨旧染cynthia娆墨旧染cynthia娆墨旧染cynthia娆墨旧染cynthia娆墨旧染cynthia娆墨旧染cynthia娆墨旧染cynthia娆墨旧染cynthia娆墨旧染cynthia娆墨旧染
</div>
</body>
</html>

 

posted @ 2016-03-10 10:09  Cynthia娆墨旧染  阅读(120)  评论(0)  编辑  收藏  举报