html文字居中代码
文字居中：line-height
<html>
<head>
    <style type="text/css">
        #wrapper {
            height: 100px;
            background-color: red;
        }
        .content {
            /* 文字垂直居中 */
            line-height: 100px;css设置文字垂直居中
            /* 文字水平居中 */
            text-align: center;
        }
    </style>
</head>
<body>
    <div id="wrapper">
        <p class="content">Content goes here</p>
    </div>
</body>
</html>
<div>居中
<html>
<head>
    <style type="text/css">
        .content {
            background-color: rgb(87, 87, 92);
            position: absolute;
            /* 水平居中 */
            left: 50%;
            width: 30%;
            margin-left: -15%;
            /* 垂直居中 */
            top: 50%;
            height: 30%;
            margin-top: -15%;
        }
    </style>
</head>
<body>
    <div class="content">Content goes here</div>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。