文字排版进阶

单行省略

overflow: hidden、text-overflow: ellipsis、white-space: nowrap 组合。

多行省略

可用 display: -webkit-box、-webkit-line-clamp、-webkit-box-orient 等（需查当前浏览器支持）。

word-break 与 overflow-wrap

控制中英文换行行为，避免长 URL 撑破布局。

小结

排版属性与语言混排关系密切，需在目标浏览器中实测。