边距和填充使图像变大

我想推入logo.png，因此它大约是整个页面的三分之一。当我创建一个较大的填充或边距时，尽管其他代码限制了图像大小，但图像会变大。边距和填充使图像变大

.header { 
    width: 200px; 
    height: 60px; 
} 

.class { 
    max-width:100%; 
    max-height:100%; 
    margin-left: 300px; 
} 


<body> 
<div class="header"> 
<table> 
    <tr><td><img src="Logo.png" class="class"></td></tr> 
</table> 
</div> 
</body>

有没有办法将图像进一步水平放置，同时保持图像大小相同？

来源

2016-07-16 crassfh

的问题是：随着margin-left在img标签，它是内部的td更改td的宽度的margin-left值（它只是适应它的大小是儿童）。为了保持比例，图像会放大。由于表格单元格不不尊重width和基于整个table的width会倒塌，你必须指定的table的width设置的width限制或可能切换到，你有充分的灵活性<div>元素。

头width/height不限制宽度/高度的table，因为 - 正如我所说的 - 这是适应它的孩子宽度/高度。所以内部元素（表）更大，所以它溢出了他的父母。

来源

2016-07-16 02:53:21 ScientiaEtVeritas

边距和填充使图像变大

回答

相关问题