文本显示 -- 换行处理

强制 英文换行

word-break:break-all !important; word-wrap:break-word !important; white-space:pre-wrap !important;


不换行,超出的部分用...代替

overflow:hidden; white-space:nowrap; text-overflow:ellipsis;


设置行数,超出的部分用...代替
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;


CSS之中英文左右(两端)对齐
英文对齐
<div style="text-align:justify;text-justify:newspaper;">
中文对齐:
<div style="text-align:justify;text-justify:inter-ideograph;">

以上方法对 chrome(360也是chrome内核)无效,还需再加上代码: word-break:break-all;



你可能感兴趣的:(文本显示 -- 换行处理)