Question

我查看了如何将一个块居中放在屏幕中间，我读到我必须指定宽度为值，边距为自动。

<head>
<style>
#CenteredBlock {
    display: block;
    position: absolute;
    visibility: visible;
    height: 70px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    border-top-style: dotted;
    border-right-style: dotted;
    border-bottom-style: dotted;
    border-left-style: dotted;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
    padding: 0%;
    }
</style>
</head>

<body>
<div class="CenteredBlock" id="CenteredBlock"> Test </div>
</body>

我希望该块占据屏幕的70％，居中，左右都有15％。如果我使用margin-left：15％;并且对于右边那个块中心但我仍然想知道为什么当我指定宽度和边距时它不居中：auto

Answer 1

你不希望#CenteredBlock绝对定位。你希望它“居中”。所以，删除“position：absolute”，一切都会正常工作。

宽度和边距自动居中不起作用

1 个答案: