当文字总长度超过框宽时,可以使用如下代码解决溢出和布局混乱(注:仅适用于单行文字,多行需要用js控制)CSS代码:h4{//根据屏幕窗口的宽度设置h4的宽度width:21vw;//设置最小宽度min-width:240px;//文字大小font-size:18px;//文本不换行white-space:nowrap;//超出部分隐藏overflow:hidden;//文字溢出显示...text-overflow:ellipsis;//================代码切割==================font-family:MicrosoftYaHei;字体粗细:粗体;颜色:rgba(51,51,51,1);底部边距:20px;文本对齐:居中;:指针;}效果对比图:
