css3 字体自动换行第二行缩进一格

html-css09

css3 字体自动换行第二行缩进一格,第1张

p {

text-indent: -2em

margin-left: 2em

}

设置text-indent: -2em以后p标签中第一行文字向左偏移,这样第二行开始的文字就等于缩进了,但是这样设置会导致第一行向左超出div,所以再用margin-left使p标签整体右移即可

强制换行

word-break: break-all 只对英文起作用,以字母作为换行依据。

word-wrap: break-word 只对英文起作用,以单词作为换行依据。

white-space: pre-wrap只对中文起作用,强制换行。

flex-align:默认是设置垂直方向的对齐方式,值: start、end、center、stretch、baseline。

flex-pack:设置子元素之间如何分配多余空间,值:start、end、center、justify。

flex-direction:设置子元素的排列方式, row、row-reverse、column、column-reverse。

flex-wrap:设置子元素的是否自动换行和排列方向,值:nowrap、wrap和wrap-reverse。

-ms-flex:设置子元素弹性,参数,分别是正弹性、负弹性和默认大小。

其实布局还有好多新玩法,你可以多看看相关的教程,比如说现在有个视频的系列名称叫做 《Buid New World》,里面有一集专门讲 CSS3 复杂布局形式