编程爱好者之家

css设置单行文本超出部分用省略号代替

2018-07-24 69

有的时候我们会设置某一行超出的话以省略号代替,解决办法是设置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>

效果如下:

image.png



同类文章

您的赞赏是对小编最大的支持!