元素内的内容超过一行,不让其换行,超出内容使用‘...’代替

2023-09-05 15:38:57 浏览数 (3)

css

CSS实现不让其换行

如果你没用前段框架封装好的样式的话:

代码语言:javascript复制
p{width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

强制换行(解决英文不换行问题)

代码语言:javascript复制
p {
  width: 15%;
  table-layout: fixed;
  WORD-BREAK: break-all;
  WORD-WRAP: break-word;
}

0 人点赞