如何在div標籤內將事物組合在一起（圖片覆蓋文字+圖片覆蓋文字）？

我試圖做一些看起來相當簡單的事情。如何在div標籤內將事物組合在一起（圖片覆蓋文字+圖片覆蓋文字）？

我試圖在連續顯示幾個圖像。與每個圖像，我想直接在它下面顯示文本。當我嘗試這個時，它要麼包裝線條，我不能獲得彼此相鄰的圖像，或者它將一切內聯，第三個圖像包裝屏幕。

有什麼想法？

這裏的一些代碼...

<div style"display:inline"> 
     <img src="img/test.jpg" /> 
     Features 
     <a href="http://www.youtube.com/watch?v=wO4HJOf_DGU" rel="lightbox"><img alt="Watch a Video" src="img/test.jpg" /></a> 
     Watch a Video 
     <img src="img/test.jpg" /><br/> 
     Excetera 
    </div>

來源

2012-02-25 user198923

裹在div的德圖像。將文本放在同一個div的跨度中;並將其放在圖像下方style="clear:both"

如果您不想手動設置寬度，可以將div設置爲float並將它們放在更大的div中。

例如： <div> <div style="width:100px; height:100px; border: 1px solid red; diaply:inline;"></div> <span style="clear:both">Textg</span> </div>

凡直列div充當圖像。

文字出現在圖像下

來源

2012-02-25 14:47:40 RobAu

好的。我將每個圖像都包裹在一個div標籤中，並添加了一個span標籤，其中包含您在同一div中提到的樣式。然後我將float：left標籤添加到每個div。現在一切都是「內聯」的，包括文字。該文本沒有出現在圖片下方...感謝迄今... – user198923 2012-02-25 15:01:53

發佈您的代碼，我認爲你做錯了什麼 – RobAu 2012-02-26 12:57:53

如何在div標籤內將事物組合在一起（圖片覆蓋文字+圖片覆蓋文字）？

回答

相關問題