css - 如何省略基于字符而不是行或宽度的文本?

标签 css

假设我有这个“例如,我想将此文本修剪成 15 个字符”,那么我的电子邮件模板将像这样“我想限制...”

只用css可以吗?我知道它可以用 javascript 完成,但在这种情况下我认为它不能。

最佳答案

你不能用 Pure Css 精确地指定 15 个字符。

我有一个提议,也许可以帮助你。

div {

    font-size: 16px;

    font-family: Serif;

    width: 105px;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}
<div>I want to limit Text To 15 Characters</div>

关于css - 如何省略基于字符而不是行或宽度的文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44151059/

相关文章:

html - 如何在父元素外扩展 flex 容器

javascript - 调整列的大小,同时从右侧为元素设置动画

Jquery 切换下拉菜单

html - 加载页面时将所有移动设备的图像居中

css - 流体 div,一个带有要排列的图像?

html - 基础顶栏元素溢出和破裂

javascript - 对齐文章元素

javascript - 在 HTML 中添加一个按钮

jquery - 如何在另一个元素jquery的中心为可拖动元素设置动画

html - 缩小窗口时从垂直到水平分隔线的 css 响应