我可以't在Divs中获得3个twitter小部件,以便并排排列

I can't get 3 twitter widgets in Divs to line up next to each other?

本文关键字:小部 twitter 排列 3个 Divs 我可以      更新时间:2023-09-26

它们都转到了正确的位置,除了第三个小部件在下面,其他小部件都在下面,但仍然在右边。

堆栈溢出不太好,所以我不得不把代码放在pastbin上。

HTMLhttp://pastebin.com/hSLwp2u7

CSShttp://pastebin.com/k0eWm0Bn

下面是正确的代码:

CSS:http://pastebin.com/B7N5uyYZ

更改:1.float没有中心值(与lqc相同)2.左右浮动不需要margin auto(同样与lqc相同)3.重要事项:当你设置左右边距以自动将边距覆盖整个div时,附近就不能呈现其他元素了。所以一个小数学:(100-(30*3))/2=5。。所以你需要给中间元素5%的余量才能进入中心。(纠正Hareesh…不是99%,而是100%man:D)

尝试这个

#midtweet{
    margin:0 4.5%;
    float: left;
    width: 30%;
 }

还从#leftweet 中删除边距

center不是float的正确值,所以中间的一个不是float,这就是为什么第三个渲染在第二个下面。此外,"margin:auto"对浮点运算也没有任何意义。

您应该让中间的一个向左浮动,或者一起去掉浮动并使用display: table-cell