CSS-段落控制属性

属性 描述 可用值
line-height 设置对象中文本的行高 normal
length
letter-spacing 设置对象中文字之间的间距 normal
length
word-spacing 设置对象中单词之间的间距 normal
length
text-indent 设置对象中首行文字的缩进值 normal
length
text-overflow 当对象中的文本超过行宽时,可以对文本末端增加省略标记,但只有当对象设为不换行显示时才有效 clip
ellipsis
vertical-align 设置对象之中内容的垂直对齐方式 auto
baseline
sub
super
top
text-top
middle
bottom
text-bottom
text-align 设置对象中文本的对齐方式 left
right
center
justify
layout-flow 设置对象中文本的排版方式,横向或纵向排版 horizontal
vertical-ideographic
word-break 设置对象内文本的换行方式,使用break-all时允许词间换行 normal
break-all
keep-all
white-space 设置对象内空格字符的处理方式,使用nowarp方式时,将强制文本不换行,除非遇到<br />标签 normal
pre
nowarp
word-wrap 使用break-word时,如果内容超过其容器的边界则发生换行 normal
break-word
warp
overflow 当对象中的内容超过对象显示范围时,对象本身进行控制 visible
auto
hidden
scroll

控制换行的CSS样式属性-wrap,break-all

word-break:break-all;
word-wrap:wrap;

将两个用于换行的样式控制都加上,使得无论中文或者英文文本,都能够得到最好的处理。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容