如何让div内字体上下左右居中？_IT百科

div中的文字水平居中：text-align:center；即可。

div中的文字垂直居中：line-height:值。值等于div的高度。

示例：<html><body><div style="width:200pxheight:100pxborder:1px solid redtext-

align:centerline-height:100px">居中对齐</div></body></html>。

可以用“text-align”属性和“line-height”属性。

1、新建html文件，在body标签中添加div标签，在div标签输入文字，这里以“演示文本”为例，给div标签设置宽度、高度和背景色属性，属性值分别为200、100和灰色，这时“演示文本”默认位置为div盒子的左上方：

2、这时给div标签添加上“text-align”属性，属性值为“center”，这时文字将会在div容器中水平居中：

3、这时给div标签添加行高“ling-height”属性，属性值为高度的值“100px”，再添加“vertical-align”属性，属性值为“middle”，这时文字将会水平垂直都居中：

欢迎分享，转载请注明来源：内存溢出

如何让div内字体上下左右居中？