要做到单行文本超出时,中间部分显示...有什么方法?

4 min read

您可以使用CSS中的text-overflow属性来控制文本溢出时的显示效果。text-overflow属性有ellipsis参数,用于在超出一行时显示省略号。以下是一个示例代码块:

{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

其中white-space: nowrap;用于在一行内显示文本,overflow: hidden;用于控制超过一行时隐藏溢出的部分,text-overflow: ellipsis;用于在溢出的部分显示省略号。