css超出换行(css内容超出三个点显示)

  溢出显示省略号:ext-overflow CSS 属性确定如何向用户发出未显示的溢出内容信号。它可以被剪切,显示一个省略号(’…’,U + 2026 HORIZONTAL ELLIPSIS)或显示一个自定义字符串;

image.png

  在HTML中,可以使用CSS的white-space属性来控制文字超出div后的显示方式。设置white-space为nowrap即可让文字超出时不换行,而是在同一行上继续显示。

  例如,可以在div的样式中添加样式规则:white-space: nowrap;来达到这个效果。

  另外,如果希望文字超出div后显示省略号,可以再加上overflow: hidden;text-overflow: ellipsis;的样式规则。这样就可以在不换行的情况下,让文字超出时以省略号的形式显示,从而更好地控制文字的显示效果。


发表评论

评论列表

还没有评论,快来说点什么吧~