html在线编辑器 | 21xrx.com

<!DOCTYPE html>
<html>
<head>
    <style>
        div.ex1 {
            width: 500px;
            margin: auto;
            border: 3px solid #73AD21;
        }

        div.ex2 {
            max-width: 500px;
            margin: auto;
            border: 3px solid #73AD21;
        }
    </style>
</head>
<body>

    <div class="ex1">这个div元素的宽度为width: 500px;</div>
    <br>

    <div class="ex2">这个div元素有属性max-width: 500px;</div>

    <p>
        <strong>提示:</strong>将浏览器窗口拖动到小于500px宽，以查看之间的差异
        两个div！
    </p>

</body>
</html>

评论区

{{item['qq_nickname']}}

()

回复

回复

21技术 www.21xrx.com 备案号：蜀ICP备17043188号-2