css 浮动元素居中

方法一

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>css浮动盒子居中</title>

    <style>

        *{

            margin: 0;

            padding: 0;

            list-style: none;

        }

        body{

            background: #fffccc;

        }

        .box{

            background-color: red;

            float: left;

            margin-left: 50%;

            transform: translateX(-50%);

            width: 30%;

        }

    </style>

</head>

<body>

<div class="box">

    我是浮动的盒子 我要居中

</div>

</body>

</html>

巴特西

css 浮动元素居中

最新文章

热门文章