html中div居中

本文轉載自查看原文 2018-05-11 16:57 24638

鑒於每次都有人問css垂直居中，現在寫個小例子。。。

<html>

<head>
    <title>測試</title>
    <style>
        div {
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -150px 0 0 -200px;
            width: 400px;
            height: 300px;
            border: 1px solid red;
        }
    </style>
</head>

<body>
    <div></div>
</body>

</html>

效果是:

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 div中的div如何居中小的div在大的div中垂直居中 div在頁面中居中顯示 div中嵌套div水平居中，垂直居中 html中div用法 HTML中的div和span css中absolute設置問題和如何讓div居中浮動div中的圖片垂直居中如何讓div中的table水平居中 div中的內容水平垂直居中