代码:
p{
width: 50px; /*必须设置宽度*/
overflow: hidden; /*溢出隐藏*/
text-overflow: ellipsis; /*以省略号...显示*/
white-space: nowrap; /*强制不换行*/
}
这几个缺一不可。
1.text-overflow:ellipsis | clip
ellipsis:出现省略号;
clip:不出现省略号
2.white-space:nowrap | pre-wrap | pre-line
nowrap:即使文字超出宽度,也不让文字换行
pre-wrap:保留空白符序列,但是正常地进行换行
pre-line:合并空白符序列,但是保留换行符
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步