您可以使用CSS中的'text-overflow'属性来实现这个效果。以下是一个示例代码:

p {
  white-space: nowrap; /* 禁止换行 */
  overflow: hidden; /* 隐藏溢出部分 */
  text-overflow: ellipsis; /* 显示省略号 */
}

这样,当p元素里的文字超出一行时,就会显示省略号。如果您想要控制p元素的宽度以确保只显示一行,可以使用CSS中的'width'属性。


原文地址: https://www.cveoy.top/t/topic/nDBB 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录