是否有可能以包含两个浮动div也未指定宽度的未指定宽度为中心

我试图让两个元素并排坐在div或其他元素内，所以两个元素始终居中这一页。是否有可能以包含两个浮动div也未指定宽度的未指定宽度为中心

这里是catch ...我不能使用任何固定的宽度，它是由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;}

来源

2011-04-12 impresently

可以使用follwing代码并排居中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-12 04:44:51 Anish

浮动与窗口的右侧三分之一重叠，但有一个有趣的方法。 – impresently 2011-04-12 04:53:24

是否有可能以包含两个浮动div也未指定宽度的未指定宽度为中心

回答

相关问题