秒懂
发布时间:2017-09-06 10:00:07
水平居中布局父元素text-align:center;子元素:inline-block;优点:兼容性好;不足:需要同时设置子元素和父元素<!DOCTYPE html><html lang="en"><head><met ...
水平居中布局
- 父元素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
(#换成@)。