居中的最佳方法 在垂直和水平页面上? [重复]
这个问题已经在这里有了答案 : 如何水平和垂直居中放置元素 (19个答案) 11个月前 关闭。 在页面上垂直和水平居中放置 <div> 元素的最佳方法? 我知道 margin-left: auto; margin-right: auto; margin-left: auto; margin-right: auto; 会以水平为中心,但是垂直进行的最佳方法是什么? #1楼 这个解决方案对我有用 .middleDiv{ position : absolute; height : 90%; bottom: 5%; } (或高度:70%/底部:15% 高度:40%/底部:30%...) #2楼 最好,最灵活的方式 我 在dabblet.com上的演示 该演示的主要技巧是元素的正常流动是从上到下,因此 margin-top: auto 设置为零。 但是,绝对放置的元素在分配自由空间方面的作用相同,并且类似地可以在指定的 top 和 bottom 垂直居中(在IE7中不起作用)。 此技巧适用于任何大小的 div 。 div { width: 100px; height: 100px; background-color: red; position: absolute; top:0; bottom: 0; left: 0; right: 0; margin: auto; } <div></div