Question

DIV+CSS怎么让三个DIV左右并排排列，类似于表格形式

<div class="hditem">
<s:iterator value="indexPointList2" >//会遍历出三张图片
<div class=“这里的DIV左右排列">
<a class="item" href="" data-stat-aid='AA422' data-stat-pid='1_2_1'>
<img alt="" src="${hdimage}" /></a>
</div>
</s:iterator>
</div>

Answer 1

使用CSS中的float属性就可以了，代码如下：

<style type="text/css">
.div_obj{float:left; width:300px; height:300px; margin:10px; background-color:pink;
</style>
<div class="in_one_line">
<div class="div_obj">111</div>
<div class="div_obj">222</div>
<div class="div_obj">333</div>
</div>

Answer 2

设置div的宽度 并且 将div做浮动