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

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

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

如何让p元素里的文字只显示一行超出一行显示省略号

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

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