前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

css设置文字显示一行,多余部分用省略号结尾

在开发这个网站时,前端会不断进行调试,其中有一点CSS技术还是不错的,分享给大家:如图

看上图,在灰色字体中,这个字是拥有两百个字,已经是三行的内容,但全显示简要不太好看,因此选择用一行显示,然后用省略号结尾。代码如下:

<div style="text-indent: 40px; letter-spacing: 1px;white-space: nowrap;color: #8a8a8a;overflow: hidden;text-overflow: ellipsis">
 文字内容
</div>
	style中主要的是 white-space: nowrap;overflow: hidden;text-overflow: ellipsis

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言