如何使文字在div中水平和垂直居中的css代码

2024-01-16 03:11:41 浏览

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

如何使在div中水平和居中的css代

1、如图,我们创建一个盒子,然后中间输入文字信息

2、当我们对盒子添加了边框颜色后,浏览器效果如图所示,文字在左侧第一行位置

3、想要文字居中,可以输入text-align 这个文字的对齐样式了,然后在属性中输入center中间的意思,就是将文字在水平位置居中

4、如图,这样就是文字在水平位置上的居中了

6、如图,最后的效果就是这样的了。

1如图,我们创建一个盒子,然后中间输入文字信息

2当我们对盒子添加了边框颜色后,浏览器效果如图所示,文字在左侧第一行位置

3想要文字居中,可以输入text-align 这个文字的对齐样式了,然后在属性中输入center中间的意思,就是将文字在水平位置居中

4如图,这样就是文字在水平位置上的居中了

6如图,最后的效果就是这样的了。

如果图片左浮动并且"display:inline"时,只要给图片设置一个"text-align:center"属性,就解决了水平居中。使用display:table-cell和设置了display:inline-block的线合span,这样就解决垂直居中。

本文版权声明本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请联系本站客服,一经查实,本站将立刻删除。