设置文本的垂直对齐- vertical-align

取值说明

• baseline：将支持valign特性的对象的内容与基线对齐
• middle：将支持valign特性的对象的内容与对象中部对齐
• bottom：将支持valign特性的对象的文本与对象底端对齐
• ......

注意事项

• 该属性只有在元素是内联及 table-cell 元素时才生效。

示例

• 与基线对齐

  参考内容基线对齐

• 与参考内容的下标对齐

  参考内容下标对齐

• 与参考内容的上标对齐

  参考内容上标对齐

• 对象的内容与对象顶端对齐

  参考内容要对齐的内容

• 对象的文本与对象顶端对齐

  参考内容要对齐的内容

• 对象的内容与对象中部对齐

  参考内容要对齐的内容

• 对象的内容与对象底端对齐

  参考内容要对齐的内容

• 对象的文本与对象顶端对齐

  参考内容要对齐的内容

• 与基线算起的偏移量

  参考内容偏移量对齐

扩展

vertical-align只是文本的垂直对齐，而且只适用于内联元素，这里列举了一些块垂直居中的方式，传送门