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

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

Centering 是否可以将一个未指定宽度的div居中，该div包含两个也未指定宽度的浮动div,centering,floating,Centering,Floating,我试图让两个元素并排放置在div或其他元素中，因此这两个元素始终位于页面的中心这是一个陷阱。。。我不能使用任何固定宽度，它是由javascript动态生成的。从阅读其他帖子看来，如果没有固定的宽度，这是不可能的，但我想看看是否有人有其他想法来达到同样的效果 HTML: 您可以使用以下代码将div并排居中 <html> <head> <style type="text/css"> body {text-align: center; width:

我试图让两个元素并排放置在div或其他元素中，因此这两个元素始终位于页面的中心

这是一个陷阱。。。我不能使用任何固定宽度，它是由javascript动态生成的。从阅读其他帖子看来，如果没有固定的宽度，这是不可能的，但我想看看是否有人有其他想法来达到同样的效果

HTML:

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


正文{文本对齐：居中；宽度：100%；}
.centerdiv{margin:0自动；宽度：100%；左边距：40%；}
.float1{边框：1px纯黑色；宽度：10%；浮动：左；}
你好
海

希望这有帮助

浮动重叠在窗口的右三分之一处，这是一种有趣的方法。

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

<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>