javascript - 有换行符时切断文本

标签 javascript html css

<分区>

我是div 控股文本,我不希望div 高于某个尺寸或宽于某个尺寸。我已经设置了最大宽度和最大高度。我现在的问题是当文本太长时会出现问题。当必须换行时,有什么方法可以切断文本吗?

编辑:我想要在省略号开始之前有两行文本。

最佳答案

试试这个:

.overflow {
  line-height: 1.5em;
  height: 3em;
  overflow: hidden; 
  text-overflow: ellipsis;
}

This will keep your text max up to 2 lines.

关于javascript - 有换行符时切断文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53029347/

上一篇:单击时 HTML 元素未获得焦点

下一篇:html - 删除包含列表的 div 中的额外空间

相关文章:

javascript - 学习了react和redux之后,我们还需要在组件中声明状态吗?

具有固定宽度和自动调整高度的CSS图像

javascript - CSS:隐藏元素仍然占用打印输出空间

javascript - Steam:使用 PHP 将 SteamID64 转换为 SteamID

javascript - 有没有可能在调用构造函数之前就知道 'this'这个对象呢?

javascript - 想要根据给定的年龄计算出生日期

html - CSS:背景位置+重复=不工作

javascript - 使用 Scroll Magic 的简单补间本地副本不起作用

javascript - 如何使用javascript在表单上获取运行总计

html - 神秘的悬停