CSS基础复习笔记2.2---文本样式

1.设置文本水平对齐方式

语法:text-align:left/right/center/justify   左对齐/居中对齐/右对齐/两端对齐

备注:图片想要居中对齐,不能简单的设置img居中,需在外边嵌套块级元素

,设置div里面的内容居中对齐即可。

2.设置元素内容的垂直方式(对行内元素和单元格元素生效,对块级元素不生效)

语法:vertical-align:baseline/sub/super/top/text-top/middle/bottom/text-bottom/长度/百分比(如:±100%,相对于基线上移或下移)

(vertical-align默认值:baseline)

注释:

CSS基础复习笔记2.2---文本样式_第1张图片

示例图:

CSS基础复习笔记2.2---文本样式_第2张图片

CSS基础复习笔记2.2---文本样式_第3张图片

3.水平垂直居中

单行文字:将line-height设置为块元素高度,text-align设置为center即可

多行文字:将元素转换为单元格元素

CSS基础复习笔记2.2---文本样式_第4张图片

4.设置文本行高

语法:line-height:长度值/百分比

备注:使用px单位时,line-height值不变,改变font-size大小会使行高发生改变,甚至可能造成重叠现象。所以一般使用em或%为单位

5.其他:

CSS基础复习笔记2.2---文本样式_第5张图片

 

 

 

你可能感兴趣的:(CSS基础复习笔记2.2---文本样式)