如何让文字垂直水平居中 css 20

 我来答
百里拐弯儿
2017-08-21 · TA获得超过221个赞
知道小有建树答主
回答量:220
采纳率:100%
帮助的人:130万
展开全部

使文字在div中水平和垂直居中的的css样式为

text-align:center; /*水平居中*/
line-height: 20px; /*行距设为与div高度一致*/

示例如下:

HTML元素

<div>水平垂直居中</div>

css样式

div{
    width:200px;height:200px;  /*设置div的大小*/
    border:1px solid green;    /*边框*/
    text-align: center;        /*文字水平居中对齐*/
    line-height: 200px;        /*设置文字行距等于div的高度*/
    overflow:hidden;
}

显示效果

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式