三行折行

mm_tang

关注

阅读 50

2023-07-31

overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
font-family: PingFangSC-Semibold;
font-size: 34.5px;
color: #181716;
font-weight: 600;
text-align: left;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal;
word-break: break-all;
max-height: 162px;
line-height: 50px;   

1.-webkit-box-orient: vertical    // 从上到下垂直排列子元素(设置伸缩盒子的子元素排列方式)

2.word-wrap 进行换行

3.white-space  // 溢出不换行

4.word-break: break-all;   字体强制换行













精彩评论(0)

0 0 举报