外边距实现居中的写法

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

1、代码实例

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

3、居中的写法

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

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

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

相关文章
|
Web App开发 前端开发 JavaScript
探索CSS单行文字居中,多行文字居左的实现方式
探索CSS单行文字居中,多行文字居左的实现方式
探索CSS单行文字居中,多行文字居左的实现方式
|
7月前
|
前端开发
css元素实现垂直竖直万能居中
css元素实现垂直竖直万能居中
41 0
|
5月前
|
前端开发 UED 容器
掌握内边距、外边距、边框的使用场景与用掌握内边距、外边距、边框的使用场景与用法
掌握内边距、外边距、边框的使用场景与用掌握内边距、外边距、边框的使用场景与用法
|
6月前
|
前端开发 C++ 容器
CSS【详解】居中对齐 (水平居中 vs 垂直居中)
CSS【详解】居中对齐 (水平居中 vs 垂直居中)
52 0
如何让一个盒子居中,解决盒子塌陷的方法
如何让一个盒子居中,解决盒子塌陷的方法
|
7月前
|
前端开发 Ruby
行内元素有哪些?块级元素有哪些?行内块元素有那些?
行内元素有哪些?块级元素有哪些?行内块元素有那些?
78 0
|
8月前
|
前端开发
css flex布局两个元素水平居中垂直居中
css flex布局两个元素水平居中垂直居中
138 1
元素居中的几种方式
元素居中的几种方式
72 0
|
8月前
|
Java
块元素、行内元素、行内块元素
块元素、行内元素、行内块元素

热门文章

最新文章