如何设置css字符的水平、垂直和居中? 本文介绍如何使用CSS设置文字的水平居中和垂直居中。 有一定的参考价值,需要的朋友可以参考,希望对大家有所帮助。
1、文字水平居中
要在CSS中水平居中文本,请单击text-align:center;
text-align是一个基本属性,它影响元素中文本行的对齐方式。 如果指定了left、right和center值,则元素中的文本将分别左对齐、右对齐和居中。 要使文本居中,请直接使用center。
此属性设置文本、img标签等内联对象或类似元素的中心。
例如:
css水平中央. box {
width: 300px;
height: 200px;
background: palegoldenrod;
文本照明3360中心;
}
css水平居中--文本效果图:
2、文字垂直居中
要在CSS中水平居中对齐文本,请使用line-height属性。
line-height属性设定行距的距离(行高)。 不能使用负值。
此属性会影响行边框的布局。 应用于块级元素时,会定义元素中基线之间的最小距离,而不是最大距离。
例如:
css垂直中央. box {
width: 300px;
height: 300px;
background: paleturquoise;
行高:300 px;
}
css垂直居中--文本效果图:
有关CSS的详细信息,请参见CSS教程。