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

代码语言

代码分类

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

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

换行处理

强制 英文换行

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;

试试其它关键字

同语言下

.前端PC-移动端CSS公共样式+HTML
.手机端页面通用样式
.H5页面通用头部设置
.elect默认样式美化代码兼容移动端和pc端
.按钮效果 css
.唤醒app
.放大效果
.html5+css3实现上拉和下拉刷新
.html上传图片后，在页面显示上传的图片
.html5实现点击弹出图片

可能有用的

.前端PC-移动端CSS公共样式+HTML
.手机端页面通用样式
.H5页面通用头部设置
.elect默认样式美化代码兼容移动端和pc端
.按钮效果 css
.唤醒app
.放大效果
.html5+css3实现上拉和下拉刷新
.html上传图片后，在页面显示上传的图片
.html5实现点击弹出图片

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

.APP手机应用信息采集
.去除字符串中的空格回车换行等符号
.创建用户，并给这个用户授权
.查看分区信息
.文本显示 -- 换行处理
.Python实现截屏的函数
.时间戳转时间格式,时间格式转xx小时前
.微信-JSSDK .NET版
.iOS7和iOS6适配，和保留之前的坐标编码习惯，不用刻意
.查询指定文件夹下的每个子文件夹占空间的大小