如何將文字置於CSS圖像下方？

-1

我想將文字置於圖像下方。我想爲連續放置的4張圖像執行此操作。如何將文字置於CSS圖像下方？

我試圖實施解決方案，下面是我寫的代碼： http://pastebin.com/3rgYXKFL

下面就是這段代碼產生： http://i.imgur.com/hWwWMlL.png

即使這是朝着正確方向邁出的一步，我我仍然無法弄清楚如何獲取圖像下面的文本，並將4張圖像放在一行中（每張圖像都在圖像下面）。有關如何解決這個問題的任何建議？

來源

2016-10-04 Ryan

@Ryan嗨，請張貼最小，完整，可驗證的例子 - http://stackoverflow.com/help/mcve –

你能不能把你正在使用中的Codepen或相似的，所以我們可以看到代碼是什麼你正在使用並提供，希望，有一個答案:) – SomeGuy

身高和體重都比CSS更好，我會在style=""中定義它們。所以height="176"和weight="201"應該變成style="height: 176px; width:201px"。

除非有使用內聯樣式的特定原因，否則我還建議您將所有樣式放在CSS文件中。

你可以讓你的圖片<img src="url" class="icon">，然後在CSS：

.icon { 
    height: 176px; 
    width: 201px; 
}

這樣你重複只有一部分是類位，而不必每次都設置樣式。如果你想改變某些東西，那麼對於所有4張圖像而言，在一個位置進行更改比每次更改要簡單得多。

來源

2016-10-04 01:01:15 khopsickle

你的問題不清楚，所以這是我現在可以給你的最好的答案。使用此代碼，它可能是你想要的。

<img src="images/modules/Logomakr_1dOe2g.png" width="201px" height="198px"/> 
<br /> 
<p style="font-size:36px; margin-left:2.5%; margin-top:0; margin-bottom:0;">Engineering</p> 
<p style="font-size:24px; margin-top:0;">Text Goes Here</p> 
<br /> 
<br /> 
<img src="images/modules/Logomakr_2VsRmD.png" width="201px" height="198px"/> 
<p style="font-size:36px; margin-left:2.5%; margin-top:0; margin-bottom:0;">Buisness</p> 
<p style="font-size:24px; margin-top:0;">Text Goes Here</p>

的建議將是取悅問這樣的問題，這個問題，因爲你的代碼包含了許多嚴重的錯誤，好像你幾乎完全新的HTML，不知道你在做什麼之前瞭解你的HTML編碼。

來源

2016-10-04 01:14:34 Ahm23

重要的是要了解，許多訪問這個網站的人是手頭的新話題。 – hoss

如何將文字置於CSS圖像下方？

回答

相關問題