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