Question

我试图让两个元素并排放在div或其他元素中，因此两个元素总是在页面中居中。

这是捕获...我不能使用任何固定宽度，它是由javascript动态生成的。通过阅读其他帖子似乎没有固定宽度这是不可能的，但我想看看是否有任何其他想法可以达到相同的结果。

HTML：

<body>
    <div class="centerdiv">
        <div class = float1></div>
        <div class = float2></div>
    </div>
</body>

CSS：

body {text-align: center; width: 100%;}
.centerdiv {margin: 0 auto;width: 100%}
div.float1 {float:left; display:inline;}
div.float2 {float:left; display:inline;}

Answer 1

您可以使用以下代码将div并排居中。

<html>
<head>
    <style type="text/css">
    body {text-align: center; width: 100%;}
    .centerdiv {margin: 0 auto;width: 100%;margin-left:40%;}

    .float1{border:1px solid black;width:10%;float:left;}
    </style>
    </head>

<body>
    <div class="centerdiv">
        <div class = float1>Hello</div>
        <div class = float1>Hai</div>
    </div>
</body>
</html>

希望这有助于!!!!!!

是否可以将具有未指定宽度的div居中，该宽度包含两个浮动div，也具有未指定的宽度

1 个答案: