定心表是相鄰的和左對齊，以動態表

Question

這裏的尺寸是一個例子 - http://jsfiddle.net/Xb4gV/

我的問題是，我想有2個表，以中心作爲右邊的第三表左將增加大小（網格視圖）。我希望他們居中。我怎樣才能做到這一點？

Answer 1

不完全確定你試圖完成什麼，但你可以試試這個。根據你所說的，你希望所有的表格都左對齊並居中在頁面中間，但是你希望第三個表格能夠被修改而沒有大小限制，對嗎？如果是這樣，這將工作：

HTML：

<div class="wrapper"> 
<div class="center"> 
<table id="t1"> 
    <tr> 
     <td> 
      text 
     </td> 
    </tr>   
</table> 
<table id="t2"> 
    <tr> 
     <td> 
      text 
     </td> 
    </tr>  
</table> 
<table id="t3"> 
    <tr> 
     <td> 
      text</br> 
      text</br> 
      text</br> 
      Resizable and centered 
     </td> 
    </tr>  
</table> 

CSS：

.wrapper{ 
clear: left; 
float: left; 
left: 50%; 
margin: 0; 
padding: 0; 
position: relative; 
text-align: left; 
} 
.center{ 
float: left; 
margin: 0; 
padding: 0; 
position: relative; 
right: 50%; 
} 
#t1{ 
border: 1px solid black; 
float:left; 
} 

#t2{ 
border: 1px solid black; 
float:left; 
} 

#t3{ 
border: 1px solid black; 
float:left; 
} 

您可以添加文字到任何表的細胞，它會隨時重新大小並以此爲中心。

Answer 2

嗨，你只是你父母DIV的增加寬度，這樣

#wrapper{ 
vertical-align:top; 
margin: 0 auto; 
overflow:hidden; 
width:200px; 
border:solid 10px red;  
} 

現場演示是在這裏http://jsfiddle.net/Xb4gV/57/