文本显示 -- 换行处理代码,Css代码库,德仔网

代码语言

代码分类

【Css】文本显示 -- 换行处理

作者:小松 / 发布于2017/3/28/ 443

换行处理

强制 英文换行

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;

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

同语言下

可能有用的

小松贡献的其它代码(14)