0

2 つの要素を div または他の要素内に並べて配置しようとしているため、2 つの要素の両方が常にページの中央に配置されます。

ここにキャッチがあります...固定幅は使用できません.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 に答える