0

我试图让两个元素并排放置在 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;}
4

1 回答 1

0

您可以使用以下代码将 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>

希望这可以帮助！！！！！！

于 2011-04-12T04:44:51.750 回答