Question

我有三个图像div彼此对齐，在它上面我有2个图片的名称div。我需要将名称放在每个左右图片的中心，因为标题的长度不同，我不能使用边距，因为显然不同的标题长度需要不同的边距来居中。我尝试了display: inline-block命令，但它没有正常工作。如需视觉，请参见下文：

    Title               Title
---Picture---Picture---Picture---

Answer 1

您就是这样做的：JSFIDDLE：http://jsfiddle.net/rw8CF/

<强> HTML

<table>
 <tr>
     <th>Title</th>
     <th></th>
     <th>Title</th>

 </tr>
 <tr>
      <td>Image 1</td>
      <td>Image 2</td>
      <td>Image 3</td>
</tr>

Answer 2

简单的方法是使用弹性盒...但它支持 Chrome 29+没有前缀 IE 11+没有前缀 Opera 14+前缀 Chrome 21+前缀 Safari 6.1+前缀 Firefox 23+很快就会全力支持

.flex-container {
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
flex-flow: row wrap;
}

.flex-item {
-webkit-flex: 1 auto;
-moz-flex: 1 auto;
flex: 1 auto;
min-height:250px;
background-color:#0FF;
border:1px solid #ccc;}

如何在没有float方法的情况下将2个div放在一起

2 个答案: