css样式截取字符串 |内联css

easyui 加 css，css的图片滤镜，怎样让css导航兼容，css翻转如何兼容ie，css 小于一个像素，微信公众号开发css，内联css css样式截取字符串 |内联css

.truncate {
white-space: nowrap; /*强制不换行*/
overflow: hidden; /*超出范围的部分隐藏*/
text-overflow: ellipsis; /*超出部分用...代替*/
}

其中，white-space: nowrap;属性会禁止文本换行，overflow: hidden;属性会将超出容器的文本隐藏，text-overflow: ellipsis;属性会在文本溢出容器时，用省略号代替超出部分。

大家可以结合JavaScript和CSS样式，实现对长字符串的截取和显示。比如：

let text = "偶是一个超长的字符串，偶需要被截取!";
let node = document.createElement("p");
let textNode = document.createTextNode(text);
node.appendChild(textNode);
node.classList.add("truncate"); /*添加CSS样式*/
document.body.appendChild(node);

这段JS代码可以先在HTML中创建一个

标签，再将其添加到页面上。由于大家已经为节点添加CSS样式，所以文本超出容器时，将会被省略号代替，实现了对长字符串的截取和显示。

总结起来，使用CSS样式截取字符串，可以让大家对需要展示的文本进行限制，更加清晰、美观的展示网页信息。