拉伸表行到背景图像的高度

时间:2015-10-20 07:35:42

标签: html css css3

我想将表格行拉伸到图像的高度...而没有为表格行指定任何高度...当我将高度值分配给表格行然后它显示图像但我不想指定高度到表格行..

<table>
    <tbody>
        <tr>
            <td>Hello Stack overflow</td>
        </tr>    
        <tr>
            <td style="background-image: url(http://localhost:/Data/SF8-P72/data/SF8-P72/files/71D559BD-C5F4-D9C2-837D-E297B9916944.png); background-size: contain; background-repeat: no-repeat;">
            </td>
        </tr>
    </tbody>
</table>

2 个答案:

答案 0 :(得分:0)

我想你想要:

&#13;
&#13;
td
{
  border:1px solid red;}
&#13;
<table>
<tbody>
<tr>
    <td>Hello Stack overflow</td>
</tr>

<tr>
    <td>
      <img src="http://www.avaloncommunities.com/~/media/Images/Brand%20Photos/Home%20Photos/homepage_carousel_blue_small.png?h=250&la=en&w=350"/>
    </td>
</tr>
</tbody>
</table>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

使用图像作为背景时,不会针对任何布局评估其大小。也就是说,您必须明确设置尺寸或使用img标签,一旦图像被加载,就会计算尺寸。