如何使用 CSS 截断带有省略号的长字符串 | 您所在的位置:网站首页 › 省略号的妙处 › 如何使用 CSS 截断带有省略号的长字符串 |
如何使用 CSS 截断带有省略号的长字符串
主题:HTML / CSS 答案:使用 CSS text-overflow 属性您可以将 CSS text-overflow 属性与 white-space 和 overflow 属性结合使用来截断或剪切长文本,并将点点或省略号 (...) 放在末尾以表示剪切的文本或指示用户。 让我们看一个例子来看看它是如何工作的: 示例 Truncating Long Text with CSS p { width: 400px; padding: 10px; background: #f2f2f2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }Lorem ipsum dolor sit amet, consectetur adipiscing elit ame sem tempor, varius quam at, luctus dui. Mauris magna metus, dapibus nec turpis vel, semper malesuada ante. FAQ 相关问题解答以下是与此主题相关的更多常见问题解答: 如何使 DIV 不大于其内容 CSS 如何使用 CSS 在 DIV 元素中垂直居中对齐文本 如何使用 CSS 在鼠标悬停时为文本颜色设置动画 |
CopyRight 2018-2019 实验室设备网 版权所有 |