在网页设计的时候，我们总会遇到一些现实文章内容简介的地方，如果内容简介特别字多的时候，我们需要省略标记，下面就介绍用css怎样实现这个功能。
text-overflow
CSS 中编写如下：
<style type="text/css">
.test_demo_clip{text-overflow:clip; overflow:hidden; white-space:nowrap; width:200px; background:#ccc;}
.test_demo_ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:200px; background:#ccc;}
</style>
BODY中编写如下：
<div class="test_demo_clip">
不显示省略标记，而是简单的裁切条
</div>
<div class="test_demo_ellipsis">
当对象内文本溢出时显示省略标记
</div>
在网页设计的时候，我们总会遇到一些现实文章内容简介的地方，如果内容简介特别字多的时候，我们需要省略标记，下面就介绍...
标题太长怎么办，css处理文本溢出 text-overflow语法： text-overflow : clip |...
text-overflow语法：text-overflow : clip | ellipsis text-over...
文本溢出：text-overflow:clip|ellipsis text-overflow:ellipsis;o...
关键字: text-overflow:ellipsis语法：text-overflow : clip | elli...
1.单行文本 使用text-overflow：ellipsis属性text-overflow: clip|elli...
1.单行文本 使用 text-overflow：ellipsis 属性 text-overflow: clip|e...
1.单行文本使用text-overflow：ellipsis属性text-overflow: clip|ellip...
如何使text-overflow:elipsis起作用？ 想要使用css属性text-overflow:elips...
text-overflow 与 word-wrap text-overflow：用来设置是否使用一个省略标记（.....
本文标题：2018-12-28CSS3 text-overflow怎么让多
本文链接：https://www.haomeiwen.com/subject/kgoslqtx.html
网友评论