css中分区显示php,CSS中7个你必须知道属性

学习CSS是构建好看网页的一种方式。 但是，在学习过程中，我们倾向于(大部分时间)限制自己，一遍又一遍地使用相同的属性。 毕竟，我们是一种习惯性的动物，我们会使用自己习惯且熟悉的东西。

因此，在这篇文章中，向你介绍7个 比较少见且好用的 CSS 属性，希望对你有所帮助。

1. vertical-align

CSS 的属性 vertical-align 用来指定行内元素(inline)或表格单元格(table-cell)元素的垂直对齐方式。

就像定义说的，这个属性允许你垂直对齐文本。它对于顺序指示器(st, nd等)、需要的输入星号(*)或没有正确居中的图标特别有用。vertical-align取其中一个值:super | top | middle | bottom | baseline (default) | sub | text-top | text-bottom，或从基线开始的长度(px，%， em, rem等等)。

baseline: 使元素的基线与父元素的基线对齐。HTML规范没有详细说明部分可替换元素的基线，如，这意味着这些元素使用此值的表现因浏览器而异。

**sub：**使元素的基线与父元素的下标基线对齐。

**super：**使元素的基线与父元素的上标基线对齐。

**text-top：**使元素的基线与父元素的上标基线对齐。

**text-bottom：**使元素的底部与父元素的字体底部对齐。

**middle：**使元素的中部与父元素的基线加上父元素x-height(译注：x高度)的一半对齐。

推荐教程：《CSS教程》