Question

我想并排放置两个标签，好像是两列。

到目前为止我已经

了

<div id="wrapper">
    <div id="1">text here</div>
    <div id="2">text here</div>
    <div style="clear:both"></div>
</div>

我遇到的困难是div的CSS。有什么帮助吗？

Answer 1

查看float属性。

快速举例：

#1, #2 {
  float: left;
  width: 49%;
}

查看此beginner tutorial on CSS Floats。

Answer 2

可能你可以试试：

div#wrapper { 
  display: table; 
}

div#wrapper div { 
   display: table-cell; 
   padding: 5px; 
}

或者这个：

div#wrapper div { 
  display: inline-block; 
}

Answer 3

首先：

<div id="wrapper">
  <div style="float:left;" id="1">text here</div>
  <div style="float:left;" id="2">text here</div>
  <div style="clear:both"></div>
</div>

Answer 4

CSS：

#1 {
float: left;
width: 50%;
}

#2 {
float: left;
width: 50%;
}

Answer 5

您可以将float:left与overflow-x:hidden;结合使用，如下所示：

#1 {
    float:left
}
#2 {
    overflow-x:hidden;
}

Answer 6

将以下内容添加到您的div：

style="float:left"

Answer 7

#1, #2 { 
  display: inline-block; 
}

鉴于＃1和＃2 div的总宽度不大于父div。

如果使用float，则必须将子div定位为绝对值后，最终将它们更改为内联块。

如何并排放置两个<div>元素（2列）</div>

7 个答案: