CSS相當於錶行的

我想我的風格，使用表格來控制格式化轉移了，但我還沒有看到一個簡單的CSS解決方案，它完全一樣的東西作爲CSS相當於錶行的

<table><tr><td>aribitrary-html-A</td><td>aribitrary-html-B</td></tr><table>

所有我想要確保aribitrary-html-A和aribitrary-html-B水平對齊。我嘗試過使用display: inline，clear: none和float: left來嘗試各種CSS混合，但它們都有移動我的內容的不必要的副作用，而解決方案只是做我想做的，不管任何HTML中的內容，以及不管包含我的表格的HTML是什麼。

我錯過了什麼嗎？

來源

2011-02-25 JoelFan

如何正好**你漂浮和清理浮游物？ – BoltClock 2011-02-25 16:18:10

我並不完全記得我嘗試過的所有錯誤的東西......我的問題是：什麼是*作品*的解決方案？ – JoelFan 2011-02-25 16:21:08

Duplicate：http://stackoverflow.com/questions/2005928/simulating-table-layout-in-css – ghoppe 2011-02-25 16:24:50

你可能需要這個

<div id="wrap"> 
    <div id="left"> 
     content 1 
    </div> 
    <div id="right"> 
     content 1 
    </div> 
</div> 


#wrap { 
    width: 50%; /* change this as you wish */ 
} 

#left, #right { 
    display: block; 
    float: left; 
}

來源

2011-02-25 16:19:58 adarshr

nope ...它將我的整個混亂移動到左側 – JoelFan 2011-02-25 16:29:24

將第一個CSS選擇器更改爲'#wrap div' – Gareth 2011-02-25 16:32:03

只需創建兩個div和調整要對左邊的一個。

像這樣（更新）：

<div id="wrap" style=" width:300px; 
          margin:auto;      
         border: 1px solid black; 
         padding:1px"> 
    <div id ="A" style="float:left; 
         border: 1px solid black;"> aribitrary-html-A </div> 

    <div id = "B" style="border: 1px solid black;"> aribitrary-html-A</div> 
</div>

更新：我添加的包裝具有限定的寬度。另外我用一些邊框來形象化表格式佈局。希望有所幫助。

來源

2011-02-25 16:20:09 twittfort

這有一個副作用，將所有東西都移到左邊 – JoelFan 2011-02-25 16:21:57

@JoelFan我更新了我的答案。 – twittfort 2011-02-25 16:33:36

您需要使用<div> s和體面的CSS。對於那些不夠自信（或懶惰，像我一樣）的人來說，Yahoos YUI CSS Grid Builder是非常寶貴的！請享用！

來源

2011-02-25 16:25:27 Alex

也許這可能對您有幫助嗎？

<div style="width:400px;margin:0 auto;"> 
     <div style="background-color:red;float:left;height:200px;width:200px;"> 

     </div> 
     <div style="background-color:blue;float:right;height:200px;width:200px;"> 

     </div> 
    </div>

只是不要把你的css放在像我這樣的風格屬性中。

來源

2011-02-25 16:27:47 Twoquestions

在2個div之間創建不需要的空白空間 – JoelFan 2011-02-25 16:30:50