難度居中圖片

我有一個頁面上居中兩張照片問題：難度居中圖片

<div name="pics"style="text-align:center;padding:70px"> 
<a name="picofday"><img class="picofday" src="castle.jpg" alt=""/></a> 
<a name="frame"><img class="frame" src="frame.png" width="50%" height="50%" alt=""/>  
</a> 
</div>

我曾嘗試添加一個文本對齊屬性和CSS定心圖片：

frame{display: block; 
margin-left: auto; 
margin-right: auto; 
} 
.picofday{ 
display: block; 
margin-left:auto; 
margin-right:auto; 
}

來源

2014-02-10 user3293643

上一行中的每個圖像？或者放在一邊和中心？ – DaniP

你的意思是你的選擇器是'frame'還是'.frame'？這是您的實際問題，還是將代碼轉移到SO時出現錯字？另外，當前代碼的[fiddle]（http://jsfiddle.net/jaVH3/），圖片被75px替換爲75px http://placehold.it/圖片。 – ajp15243

-1

有可能是幾個原因爲什麼你的元素不集中。首先嚐試將margin: 0px自動添加到您的元素。

For margin：0 auto;要工作，元素需要有一個設置寬度，如width: 100px;。如果元素具有設置的寬度但仍不居中，請嘗試顯示：block ;. 這兩件事情總會有效。

如何中心元素，而margin: 0 auto;：

如果你只是想居中body標籤內的所有元素，只需使用text-align: center;在身上的標籤，以實現這一目標。

這就是說，我不認爲你正在嘗試這樣做。

來源

2014-02-10 16:14:26

-1

使您的A標籤顯示屏蔽並將邊距設置爲0px auto; 它將證明元件

來源

2014-02-10 16:24:20 scripter

嘗試

a { 
    display: block; 
} 
a img { 
    dsiplay: block; 
    margin: 0 auto; 
    width: auto; 
}

來源

2014-02-10 16:29:11 beautifulcoder

難度居中圖片

回答

相關問題