我有一个用 div 构建的表格,它使用图像作为单元格数据。如果我有丢失的图像,我想基本上将行中的其他图像居中:
所有图片:
xxxxx
xxxxx
缺少图像(第二行 2 个):
xxxxx
xxx
目前,我只能让结果左对齐:
xxxxx
xxx
CSS:
.table
{
margin-top:5px;
margin-left:15px;
margin-right:15px;
display: table;
width:auto;
border-spacing:0px;
}
.row
{
display:table-row;
width:auto;
margin-left:auto;
margin-right:auto;
}
.cell
{
float:left;
display:table-column;
width:auto;
}
我尝试了行的左/右自动边距,但没有骰子。有什么建议么?
编辑
<div class="table">
<div class="row">
#if ($has1)
<div class="cell"><a href="#1"><img src="1.jpg" width="138"/></a></div>
#end
#if ($has2)
<div class="cell"><a href="2"><img src="2.jpg" width="138"/></a></div>
#end
#if ($has3)
<div class="cell"><a href="#3"><img src="3.jpg" width="138"/></a></div>
#end
</div>
<div class="row">
#if ($has4)
<div class="cell"><a href="#4"><img src="4.jpg" width="138"/></a></div>
#end
#if ($has5)
<div class="cell"><a href="5"><img src="5.jpg" width="138"/></a></div>
#end
#if ($has6)
<div class="cell"><a href="#6"><img src="6.jpg" width="138"/></a></div>
#end
</div>
</div>