CSS 使用边距将页面上的元素水平居中
示例
只要该元素是一个block,并且它具有显式设置的width值,边距就可以用于将block元素水平放置在页面的中央。
我们添加一个小于窗口宽度的宽度值,margin的auto属性然后将剩余空间分配到左侧和右侧:
#myDiv {
width:80%;
margin:0 auto;
}在上面的示例中,我们使用速记margin声明首先设置0顶部和底部边距值(尽管可以是任何值),然后使用auto浏览器自动将空间分配给左侧和右侧边距值。
在上面的示例中,#myDiv元素的宽度设置为80%,剩余使用量为20%。浏览器将此值分配给其余部分,因此:
(100%-80%)/2=10%
热门推荐
10 病人祝福语老师寄语简短
11 新娘生孩子祝福语简短
12 婆婆66岁祝福语简短
13 今天孩子高考祝福语简短
14 送彩票生日祝福语简短
15 分别祝福语简短情话英文
16 画室揭牌仪式祝福语简短
17 女友妈妈生日祝福语简短
18 离别赠言离职祝福语简短