wumi_blog icon indicating copy to clipboard operation
wumi_blog copied to clipboard

css实现一段不够一行时居中显示,多于一行时两端对齐

Open 5Mi opened this issue 8 years ago • 0 comments

可以让p text-align:justify;display:inline-block;给p加一个外层的框div,这个外层的框text-align:center; 这样p随着文字的宽度变化,并且p在div中居中,当p宽度不够一行的时候就看起来是居中的

from

此外 css 伪元素 :first-line属性

:first-line 选择器用于选取指定选择器的首行。 以下属性可与 :first-line 使用: 字体属性 颜色属性 背景属性 word-spacing letter-spacing text-decoration vertical-align text-transform line-height clear

参考

5Mi avatar Aug 02 '16 07:08 5Mi