css可以通过将text-align属性值设为center实现字体居中。
text-align语法:
text-align : left | right | center | justify
text-align参数值与说明:
left : 左对齐
right : 右对齐
center : 居中
*justify : 两端对齐(不推荐使用,通常大部分浏览器不使用)
我们对text-align常用的参数值为left、right、center
text-align功能说明:
设置或检索对象中文本的左中右对齐方式。
方法如下:一、行高(line-height)法
如果要垂直居中的只有一行或几个文字,那它的制作最为简单,只要让文字的行高和容器的高度相同即可,比如:
p {
height:30px
line-height:30px
width:100px
overflow:hidden
}
这段代码可以达到效果。
二、内边距(padding)法
另一种方法和行高法很相似,它同样适合一行或几行文字垂直居中,原理就是利用padding将内容垂直居中,比如:
p {
padding:30px
}