Question

我已经看到很多问题，但没有人回答我的问题。我试图将两个div并排排列。这些div与使用php动态提取的类相同。我无法弄清楚如何对齐它！这是代码：

<div class="holder">
<a href="#" class="item">
</a>
<a href="#" class="item">
</a>
</div>

.holder {
float:left;
width:40%;
margin: 0 10px 0 0; 
}

.item {
padding:7px;
display:block;
text-decoration:none;
margin:0 0 15px;
}

Answer 1

使用display:inline-block

.item {
padding:7px;
display:inline-block;
text-decoration:none;
margin:0 0 15px;
}

Fiddle Demo

或display:inline

.item {
padding:7px;
display:inline;
text-decoration:none;
margin:0 0 15px;
}

Fiddle Demo

Answer 2

.holder {
  float:left;
  width:40%;
  margin: 0 10px 0 0; 
}
.item {
  padding:7px;display:inline;
  text-decoration:none;
  margin:0 0 15px;
}

http://jsfiddle.net/3WZaf/

并排排列2个div

2 个答案: