你的位置:首页 > 软件开发 > 网页设计 > 《Web开发中让盒子居中的几种方法》

《Web开发中让盒子居中的几种方法》

发布时间:2016-06-16 15:00:03
一、记录下几种盒子居中的方法:1.0、margin固定宽高居中;2.0、负margin居中;3.0、绝对定位居中;4.0、table-cell居中;5.0、flex居中;6.0、transform居中;7.0、不确定宽高居中(绝对定位百分数);8.0、button居中。 二、 ...

一、记录下几种盒子居中的方法:

1.0、margin固定宽高居中;

2.0、负margin居中;

3.0、绝对定位居中;

4.0、table-cell居中;

5.0、flex居中;

6.0、transform居中;

7.0、不确定宽高居中(绝对定位百分数);

8.0、button居中。

 

二、代码演示(html使用同一个Demo):

html Demo:

<body>  <div id="container">    <div id="box"></div>  </div></body>

原标题:《Web开发中让盒子居中的几种方法》

关键词:web

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