css设置单行文本超出部分用省略号代替
2018-07-24 10:41:35
458
有的时候我们会设置某一行超出的话以省略号代替，解决办法是设置css的样式
html代码如下
<html>
<head>
<style type="text/css">
.code
{
width:800px;
height:200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background-color: #f19696;
}
</style>
</head>
<body>
<div class="code">编程爱好者之家欢迎您的加入,我们将为您带来更好的编程体验，具体访问网址http://www.codelovers.cn,您的关注就是对我们最大的支持</div>
</body>
</html>效果如下：
