Shorten long text according to width in pixels(根据宽度(以像素为单位)缩短长文本)
问题描述
我想将很长的描述缩短为可用的表格列宽.我有以像素为单位的列宽信息.现在我想将此度量转换为字符数,以便将文本缩短为指定的数字.
I would like to shorten very long descriptions to the available table column width. I have the column width information in pixels. Now I would like to convert this measure to the number of characters, so I can shorten the text to the specified number.
我不必 100% 正确,近似假设也可以.
I doesn't have to be 100% correct, a near assumption will also work.
推荐答案
他说的CSS属性是text-overflow".
The CSS property that he is talking about is "text-overflow".
尝试将以下内容添加到您元素的类中,都是必需的:
Try adding the following to you element's class, all are required:
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
这篇关于根据宽度(以像素为单位)缩短长文本的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:根据宽度(以像素为单位)缩短长文本


基础教程推荐
- 即使用户允许,Gmail 也会隐藏外部电子邮件图片 2022-01-01
- Bootstrap 模态出现在背景下 2022-01-01
- 检查 HTML5 拖放文件类型 2022-01-01
- 在 contenteditable 中精确拖放 2022-01-01
- fetch 是否支持原生多文件上传? 2022-01-01
- 如何添加到目前为止的天数? 2022-01-01
- Bokeh Div文本对齐 2022-01-01
- npm start 错误与 create-react-app 2022-01-01
- 原生拖动事件后如何获取 mouseup 事件? 2022-01-01
- Fabric JS绘制具有活动形状的多边形 2022-01-01