如何使用css限制字符限制或字符数?

前端之家收集整理的这篇文章主要介绍了如何使用css限制字符限制或字符数?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有一个css属性可以执行以下操作之一?但首先让我解释一下.

想像一个砖石布局,其中每个项目的宽度为:200px;每个都是height:250px; (这只是一个例子).

在每个项目中,有一个缩略图和一个链接,通常这个链接包裹到2-3行,因此使每个项目的高度不同.

有没有办法我可以设置一个类中的最大数量的字符,或者在一定数量的行之后切断包装?甚至可能添加一些CSS效果来插入内容:“…”;在线结束之前显示它被切断了?

任何帮助是赞赏.

谢谢.

解决方法

你可以尝试文本溢出,但它有一些限制,但仍然可以为您安装:

Example

<div id="container">
    This is some short content to demonstrate the css-property
    text-overflow
</div>​

#container{
    width:100px;
    height:50px;
    border:1px solid red;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;   
}​
原文链接:https://www.f2er.com/css/216992.html

猜你在找的CSS相关文章