刪除博主中的自動調整大小

我爲我的博客博客使用了一個模板，其中圖像設置爲自動調整大小以適合整個寬度。因此，無論將照片向左或向右對齊還是調整照片大小，它們都將始終顯示爲全寬。然而，有一個insatance我可以覆蓋這一點，如果我有這個代碼的照片：刪除博主中的自動調整大小

<a href="##" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" src="##" id="BLOGGER_PHOTO_ID_5428874514942438946" style="cursor: hand; cursor: pointer; float: right; height: 240px; margin: 0 0 10px 10px; width: 320px;" /></a>

但是每個創建帖子時我必須手動添加此每張照片，因爲博客會自動添加這一段代碼對於被右對齊以及照片：

<a href="##" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="##" height="240" width="320" /></a>

但上面的代碼不會做它，它也是以前的帖子有問題。我發現在我的模板的一部分的XML文件中的一部分，我相信可以是部分設置圖像的大小，那就是：

img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}

雖然我不知道這是否是真的那一部分，和我不知道如何改變它，這也是因爲我不擅長使用xml代碼。

任何想法如何解決這個問題？謝謝。

來源

2015-03-31 H.Aziz Kayıhan

img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}

以上部分我以爲可能是解決方案，實際上並非如此。雖然經歷了代碼，我檢查了可能會對應到博文的所有寬度值，發現這個部分：

.post h1 { 
padding: 0 10px; 
} 
.post img{max-width:100%;width: 100%; 
height: auto; 
margin-left: -13px;} 
.entry-container { 
background: #FFF; 
position: relative; 
margin-bottom: -10px; 
color: #444; 
font-size: 14px; 
padding: 30px 40px 30px 40px; 
line-height: 26px; 
}

這裏，width: 100%是迫使所有的圖像出現全寬度的部分。我的第一個解決方案是將其設置爲width: auto，但它沒有幫助。

.post h1 { 
padding: 0 10px; 
} 
.post img{max-width:100%; 
margin-left: -13px;} 
.entry-container { 
background: #FFF; 
position: relative; 
margin-bottom: -10px; 
color: #444; 
font-size: 14px; 
padding: 30px 40px 30px 40px; 
line-height: 26px; 
}

這一切現在工作很好，所有的圖像回到：是這麼認爲的我繼續和刪除的寬度和高度，使得這樣的最終代碼在XML文件中指定的寬度或高度就沒有必要他們設置的原始大小。

P.S.下面有另一個代碼，它完全相同，但是它控制着靜態頁面，我也以同樣的方式解決了這個問題。

來源

2015-03-31 23:45:48

我正面臨同樣的問題。我發現了@ H.Aziz建議的img類。

.post-image img{ 
    max-width:100%; 
    height:auto; 
}

但是根本沒有寬度屬性要刪除。我完成了目標的方式是通過改變max-width：

.post-image img{ 
    max-width:50%; 
    height:auto; 
}

此圖片的大小縮小到合適的一個。但是，出現了一個新問題，就是圖像向左移動。爲了解決這個問題，最終改變我做：

.post-image img{ 
    display:block; 
    margin-left:auto; 
    margin-right:auto; 
    max-width:50%; 
    height:auto; 
}

一種常見的伎倆，使圖像父div的中心，使之成爲自己的塊並應用邊距屬性吧。

來源

2016-06-05 15:08:49 Amita

刪除博主中的自動調整大小

回答

相關問題