CSS垂直和水平中心Div

这个问题在这里已经有了答案:

  • 垂直和水平在页面上居中放置<div>的最佳方法是什么? 29个答案

  • 如果div具有固定的宽度和高度,请使用:(如果width = 120px和height = 80px)

    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -60px; /* negative half of the width */
    margin-top: -40px; /* negative half of the height */
    

    如果你的弹出div有一个固定的大小,那么你可以使用这个CSS:

    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto; /* this requires a fixed size */
    

    否则,你必须摆弄显示:table-cell; 等等。


    这是你想要做的吗? http://jsfiddle.net/Hrwf8/

    此处的关键是将左侧和顶部样式设置为50%,并将边距左侧和顶部设置为div宽度和高度的一半的负值。 这当然要求你有一个固定的大小为你的div。

    链接地址: http://www.djcxy.com/p/41643.html

    上一篇: CSS Vertically & Horizontally Center Div

    下一篇: how to center text vertically in html using css only