邊距和填充使圖像變大

我想推入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

邊距和填充使圖像變大

回答

相關問題