你的位置:首页 > 软件开发 > 网页设计 > 秒懂

秒懂

发布时间:2017-09-06 10:00:07
水平居中布局父元素text-align:center;子元素:inline-block;优点:兼容性好;不足:需要同时设置子元素和父元素<!DOCTYPE html><html lang="en"><head><met ...

水平居中布局

  1. 父元素text-align:center;子元素:inline-block;
  • 优点:兼容性好;
  • 不足:需要同时设置子元素和父元素

    <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>水平居中布局</title><style> *{  margin: 0;  padding: 0; } .parent {  width: 100%;  background: green;  text-align: center; } .child {  display: inline-block;  width: 800px;  height: 100px;  background: blue; }</style></head><body><div > <div >1</div> <div >2</div> <div >3</div> <div >4</div> <div >5</div> <div >6</div></div></body></html>

      

12345

原标题:秒懂

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录