时间戳

首页 > 解决方案 > 我如何在 n 值处截断 css 类

css - 我如何在 n 值处截断 css 类

问题描述

我需要一个可以使用它的 css 类修剪文本的 CSS 代码或 JavaScript 代码。

<h4>
<p class="maocular">12 Chicken Franks Sausage</p>
</h4>

我想用 css 类 maocular 将任何文本修剪为 10Characters 请如何使用CSS或 JavaScript来实现

标签： csstrimtruncate

解决方案

使用 Javascript 首先获取文档中具有该特定类的所有元素。

然后遍历它们，获取它们的 innerHTML 并仅获取前 10 个字符。

注意：此片段假定 innerHTML 仅包含文本，其中没有额外的 HTML 标记。

const elements = document.querySelectorAll('.maocular');console.log(elements);
elements.forEach(element => {
  element.innerHTML = element.innerHTML.substring(0,10);
});
<h4>
<p class="maocular">12 Chicken Franks Sausage</p>
</h4>

推荐阅读