5Mi / wumi_blog

for recording improvimg my experience
21 stars 0 forks source link

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

Open 5Mi opened 8 years ago

5Mi commented 8 years ago

可以让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

参考