IMG和TD的CSS宽度/高度

我有一个CSS问题，我有一个宽度为100px的TD;和高度：100px;在它里面，我有一个img元素，宽度和高度相同（100px，100px）。问题是TD自动调整大小为145px宽度和114px高度。IMG和TD的CSS宽度/高度

如果有人知道为什么，以及如何解决它，请帮助我！（如果我不需要增加我的TD的尺寸，我的图片必须是100 * 100）这个问题已经修复，我已经评论过那部分的CSS。但是我的图像现在放在titleTD和descTD的文字下。

这里的HTML

<div id="pixelContent"> 
     <table id="pixelContentTable"> 
     <tr valign=center> 
      <td id="imageTD" rowspan=2> 
       <a href=""><img src="" id="contentImage" border="0" width="100px" height="100px"></a></td> 
      <td id="titleTd">Title here</td> 
     </tr> 
     <tr valign=center> 
      <td id="descTd">Lorem ipsum dolor sit amet, <a href="http://google.com"> nunc in sapien gravida</a> eleifend. Maecenas consectetur, risus id lobortis molestie, magna sapien ullamcorper justo, ultrices </td> 
     </tr> 
     </table> 
    </div>

而CSS：

#pixelContentTable{ 
margin: 0 auto; 
width:400px; 
height:120px; 
text-align:left; 
} 

#contentImage{ 
margin-left:10px; 
width:100px; 
height:100px; 
min-width:100px; 
min-height:100px; 
max-width:100px; 
max-height:100px; 
} 



    #imageTD{ 
    width:100px; 
    height:100px; 
    min-width:100px; 
    min-height:100px; 
    max-width:100px; 
    max-height:100px; 
    }

来源

2013-07-30 Jo Colina

我们可以看到所有的代码吗？ – Keith

你能提供一个小提琴吗？ –

小提琴= [jsfiddle.net]（http://jsfiddle.net/） –

这样来做：

<table> 
    <tr> 
    <td> 
     <img src="" alt /> 
    </td> 
    </tr> 
</table>

和CSS：

img { 
    width: 100px; 
    height: 100px; 
    display: block; 
} 

td { 
    border: 1px solid red; 
    width: 100px; 
    height: 100px; 
    padding: 0; 
}

http://codepen.io/Chovanec/pen/otaFb

来源

2013-07-30 15:08:07 Michal

显示：块 - 是主要的东西！ – Ivan

IMG和TD的CSS宽度/高度

回答

相关问题