flex:1不在桌子上工作

时间:2015-10-22 06:35:48

标签: html css css3

下面是我的表格,我已经将背景图像应用到第二个表格行...并且flex:1到第二个表格行但是我的图像始终是不可见的,因为它没有采取适当的高度...我已应用flex以便它可以采取高度...但在应用后它也不需要高度........

<table class="tablecontent">
  <tr>
       <td><span adsadsadsadsadsadsadsadsadAS
       </td>
 </tr>
 <tr style="flex: 1;">
       <td style="background-image: url(http://localhost:8083/Data/SF8-P64/data/SF8-P64/files/528FEAB5-F7B0-B822-C807-DEEE45312B6D.png); background-size: contain; background-repeat: no-repeat;">
       </td>
  </tr>
</table>
.tablecontent{height:100%;
width:100%
display:flex;
flex-direction:column}

1 个答案:

答案 0 :(得分:0)

@Shank
你的右表有正确的代码...

<table>
<tr>
<td><span> adsadsadsadsadsadsadsadsadAS</span>
   </td>
</tr>
 <tr>
 <td height="100" style="background-image: url('http://localhost:8083/Data/SF8-P64/data/SF8-P64/files/528FEAB5-F7B0-B822-C807-DEEE45312B6D.png'); background-size: contain; background-repeat: no-repeat;">
       </td>
</tr>
</table>
相关问题