外边距实现居中的写法

简介: 外边距实现居中的写法

1、代码实例

2、默认是贴到左侧对齐的,但我们想要把他贴到中间对齐

3、居中的写法

4、这样就可以保证盒子居中了

5、以上写法仅适于行内元素和行内块元素的写法,有没有什么方法适用于行内块元素:可以添加text-align:center进行添加,注意要给父元素进行添加:

6、以img(行内块)元素为例,给父亲加了一张图之后,就可以实现水平居中对齐了

相关文章
|
6月前
|
前端开发
CSS水平居中与垂直居中的方法
CSS水平居中与垂直居中的方法
|
Web App开发 前端开发 JavaScript
探索CSS单行文字居中,多行文字居左的实现方式
探索CSS单行文字居中,多行文字居左的实现方式
探索CSS单行文字居中,多行文字居左的实现方式
|
3月前
|
前端开发 UED 容器
掌握内边距、外边距、边框的使用场景与用掌握内边距、外边距、边框的使用场景与用法
掌握内边距、外边距、边框的使用场景与用掌握内边距、外边距、边框的使用场景与用法
|
4月前
|
前端开发 C++ 容器
CSS【详解】居中对齐 (水平居中 vs 垂直居中)
CSS【详解】居中对齐 (水平居中 vs 垂直居中)
47 0
如何让一个盒子居中,解决盒子塌陷的方法
如何让一个盒子居中,解决盒子塌陷的方法
|
6月前
|
前端开发
css flex布局两个元素水平居中垂直居中
css flex布局两个元素水平居中垂直居中
116 1
CSS3盒子居中模型,如何让盒子居中。
CSS3盒子居中模型,如何让盒子居中。
109 0
CSS3盒子居中模型,如何让盒子居中。
div盒子水平垂直居中以及表格的居中的方法
div盒子水平垂直居中以及表格的居中的方法
148 0
|
前端开发
CSS水平居中+垂直居中+水平/垂直居中的方法总结
CSS水平居中+垂直居中+水平/垂直居中的方法总结
221 0
CSS水平居中+垂直居中+水平/垂直居中的方法总结