修复表格行高

时间:2015-12-01 15:10:08

标签: html html-table

我想修复第一列中有照片的tr的高度。如果照片有很高的高度,如何固定行和照片的高度将自动保持比例较小。怎么办?

1 个答案:

答案 0 :(得分:1)

不确定我是否理解你的问题,但也许这是你的解决方案。这些是您需要的CSS定义:



td { height: 100px }
    
td img { height:100% }

<table>
 <tr>
  <td><img src="http://images.freeimages.com/images/previews/da2/boys-playing-soccer-5-1310832.jpg" alt=""></td>
	<td>Text text text</td> 
 </tr>
 <tr>
  <td ><img src="http://images.freeimages.com/images/previews/148/music-maker-1388555.jpg" alt=""></td>
	<td>Text text text</td> 
 </tr>  
</table>
&#13;
&#13;
&#13;

一定要把CSS放在td中,而不是tr标签!