<style>
ol {
overflow: hidden;
/* 向用户发出未显示的溢出内容的信号: */
text-overflow: ellipsis;
display: -webkit-box;
/* 可以把块容器中的内容限制为指定的行数. 它只有在 display 属性设置成 -webkit-box 或
者 -webkit-inline-box 并且 -webkit-box-orient (en-US) 属性设置成 vertical时才有效
果 */
-webkit-line-clamp: 3;
/* 从上到下垂直排列子元素 */
-webkit-box-orient: vertical;
}
</style>
<body>
<ol>
<li>CSS</li>
<li>HTML</li>
<li>js</li>
<li>git</li>
<li>bootstrap</li>
</ol>
</body>
CSS笔试题-不超过三行显示全部内容,超过三行隐藏剩余内容并显示省略号
最新推荐文章于 2024-07-08 17:38:22 发布