您的位置首页 >江南app >

css垂直居中水平居中(垂直居中css代码)

导读 今天凤捷来为大家解答以上的问题。css垂直居中水平居中,垂直居中css代码相信很多小伙伴还不知道,现在让我们一起来看看吧!1、可以用“text

今天凤捷来为大家解答以上的问题。css垂直居中水平居中,垂直居中css代码相信很多小伙伴还不知道,现在让我们一起来看看吧!

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

2、新建html文件,在body标签中添加div标签,在div标签输入文字,这里以“演示文本”为例,给div标签设置宽度、高度和背景色属性,属性值分别为200、100和灰色,这时“演示文本”默认位置为div盒子的左上方:2、这时给div标签添加上“text-align”属性,属性值为“center”,这时文字将会在div容器中水平居中:3、这时给div标签添加行高“ling-height”属性,属性值为高度的值“100px”,再添加“vertical-align”属性,属性值为“middle”,这时文字将会水平垂直都居中:。

今天为大家分享到这里,希望小伙伴们会有帮助。

标签:

免责声明:本文由用户上传,如有侵权请联系删除!
Baidu
map