css3怎么设置文字位置

刚学习CSS3的时候，很多人都没有弄清楚CSS3如何设置文字的位置。在CSS3中，可以使用“text-align”属性来设置文本水平的对齐方式，使用“line-height”属性来设置文本的垂直对齐方式。下面是一些常见的设置样例。

/* 水平对齐方式 */

/* 左对齐 */
text-align: left;

/* 居中对齐 */
text-align: center;

/* 右对齐 */
text-align: right;

/* 两端对齐 */
text-align: justify;

/* 垂直对齐方式 */

/* 垂直居中对齐 */
line-height: 2;

/* 垂直上对齐 */
line-height: 1;

/* 垂直下对齐 */
line-height: 3;

/* 垂直基线对齐 */
vertical-align: baseline;

/* 混合设置 */

/* 左对齐，垂直居中 */
text-align: left;
line-height: 2;

/* 右对齐，垂直下对齐 */
text-align: right;
line-height: 3;

/* 居中对齐，垂直上对齐 */
text-align: center;
line-height: 1;

以上这些CSS3设置文本位置的样例也同时给我们提供了很多灵活的方法来排纵向或横向文本。对于一些需要对齐处理的元素，你可以适当调整 line-height 和 margin 来实现一定的距离以及对齐方式。