多个div并排居中显示

需要多个div并排居中显示，这里我将两个方法

1. 使用flex

HTML

<div class="div0"><div class="div1">asdasd</div><div class="div2">asdasd</div>
</div>

CSS

.div0 {display:flex;justify-content:center;
}

注意事项：

2. 使用inline-block

HTML

<div class="div0"><div class="div1">asdasd</div><div class="div2">asdasd</div>
</div>

CSS

.div0{text-align: center;
}
.div1, .div2{width: 200px;height: 100px;background: red;display: inline-block;
}

注意事项：

多个div并排居中显示相关推荐

【CSS】一个div在另外一个div中居中显示（水平居中，竖直居中）
一个div在另外一个div中居中显示(水平居中,竖直居中) 方法1: 通过设置子元素绝对定位和margin:auto .parent {position:relative;width:800px;he ...
HTML如何让两个div并排在一行,怎么让两个div并排同行显示
如何让两个div并排同行显示前段时间在做界面的时候,想要实现个两个DIV并排的界面,做之前想着挺简单的,只要将一个div浮动就可以了.然后就测试了一下.下面是部分代码自己测试代码 DIV1 DI ...
html div浏览器居中显示,IE浏览器DIV居中实现方法
IE浏览器中div使用margin:0 auto好像不能居中了,但在ff其它浏览器没问题,下面我来介绍解决ie下 div不居中问题的办法. 编写主题或模板是居中是个大问题,还有就是div中元素都浮动, ...
css 两个div一行居中显示,CSS：多个DIV在同一行居中显示的一种实现方法
在项目开发中,画面经常有多个DIV的内容显示在一行的要求. 比如HTML 你好,这是div1的第一行. 你好,这是div1的第二行你好,这是div2的第一行. 你好,这是div3的第一行. 你好,这 ...
html上下左右居中显示,Html div上下左右居中显示
实现di页求是解这如前总回随4泉标使幻近面的是,v上下,左右居中显示,,,当是固定高度时候,很好办,,这里展示的是宽度是整个屏幕时朋不功事做时次功好来多这开制的请一例农在个屏器随的会满和满时波实的于设 ...
html div自动居中显示,div居中与div内容居中
div css结构时,常见到div 居中与div形式居中,即div本身水准居中与div内的形式居中机关. 而形式居中又分为垂直居中与水准居中,这里CSS5将逐个让人人驾御这几个居中机关手段. 关于di ...
html div自动居中显示,DIV居中_div水平居中_DIV布局居中
若何让DIV居中呢?若何让DIV盒子水准居中呢?本节CSS5让大家实现DIV结构程度居中. 一.div居中完成引见在结构一张网页时,一般网页主体框架是居中于浏览器中的.实现最外层DIV水准居中与涉猎 ...
html中div设置图片居中显示,图片在DIV中居中显示的方法
问:如何让图片在DIV中水平和垂直两个方向都居中?(注意这里的图片非用作背景) 关于该问题的解决方法如下: 方法一: 思路:利用text-align属性将图片水平居中,然后设置padding-top的 ...
html两个布局并列居中,CSS布局-将两个div并排居中并对齐
我试图在标签内并排对齐两个社交按钮文本对齐:居中不适用于按钮,也不浮动:左或浮动:右 HTML: COPYRIGHT 2014 Medialock Inc. facebook.com/medialo ...

多个div并排居中显示

多个div并排居中显示相关推荐

最新文章

热门文章