css 两行文字溢出隐藏 |css 下标sub

overflow: hidden;
text-overflow: ellipsis;

overflow属性指定元素如何处理其内容溢出框的情况。hidden值将隐藏溢出的内容。text-overflow属性指定如何处理溢出到块容器的区域外的文本。

当两个属性一起使用时，如果元素中的文字溢出了，就会自动被隐藏，并在溢出的位置加上省略号。

.my-element {
overflow: hidden;
text-overflow: ellipsis;
}

上述代码中，.my-element是要设置的元素的类名，将这段代码添加到CSS文件的相应位置，就可以实现文字溢出隐藏的效果。