多个div并排居中显示
生活随笔
收集整理的這篇文章主要介紹了
多个div并排居中显示
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
需要多個(gè)div并排居中顯示,這里我將兩個(gè)方法
1. 使用flex
HTML
<div class="div0"><div class="div1">asdasd</div><div class="div2">asdasd</div> </div>CSS
.div0 {display:flex;justify-content:center; }注意事項(xiàng):
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; }注意事項(xiàng):
總結(jié)
以上是生活随笔為你收集整理的多个div并排居中显示的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: CSS 文字显示在图片的中间
- 下一篇: Virtual DOM和diff算法 概