0
A
回答
0
把每個圖像和段落在一個DIV像這樣:
<div>
<img src="" />
<br />
<p>Content</p>
</div>
這應該爲你工作,只要你沒有設置浮動屬性爲任何人。
0
有幾種方法可以解決這個問題。之一將是使用tables,並把這個在TD-標籤:
<div>
<img src="images/search_images/musicians/adele.jpg" width="175" height="176" /><br />
<p>Artist: Adele</p>
<p>Genre: Singer-Songwriter</p>
</div>
另一個將被使用與任一positioning或更優選floating組合。
0
有很多方法,但我會說使用一些div來爲每個圖像/文本項目製作單獨的容器佈局。
<div class="img-container-class">
<img src="img address here" />
<div class="img-text-class">
<p>Artist: Person</p>
<p>Genre: Genre Type</p>
</div>
</div>
現在「img-text」類不是完全必要的。但是,有時我覺得將文本區域稍微分開是個好主意,這樣您可以對文本進行一些更具體的更改(這取決於您)。
就我個人而言,我會回去修改一些這些樣式。在查看你發佈的代碼片段時,我注意到幾乎所有的元素都附有「float:left」,以及大量邊距和填充的混合。我會說,從簡單開始,將保存圖像和文本的div浮起來,然後讓正常流程從那裏接管。一旦你獲得了包含結構集,那麼我認爲你會發現很多可以修剪的樣式部分。
0
最簡單的有效方法可能是單細胞表格,其中caption
元素中的文本(例如,
<table class=img callpadding=0 cellspacing=0>
<caption align=bottom>
Artist: Adele<br>
Genre: Singer-Songwriter dcccc
</caption>
<tr><td><img
src="images/search_images/musicians/adele.jpg"
alt="(Adele)" width="175" height="176"></td>
</table>
,這是特別方便的,如果你想通過顯示側許多圖像側,從而圖像的一列的量不是固定的而是被根據窗口寬度的調整。在這種情況下,您只需在table
元素上設置align=left
,並可能爲它們設置一些右邊距。
相關問題
- 1. 如何在不破壞我的堆棧的情況下設置此結構?
- 2. 在不破壞表單內容的情況下添加到innerHTML
- 3. 在不破壞響應的情況下關閉屏幕圖像
- 4. 如何在不移動內容位置的情況下在中放置圖標?
- 5. cudaGraphicsGLRegisterImage在不破壞緩衝區的情況下在CUDA中釋放內存
- 6. 如何在不破壞對象的情況下停止VBA宏
- 7. 如何在不破壞服務層的情況下使用MVCMailer?
- 8. 如何在不破壞循環的情況下返回值?
- 9. 如何在不破壞文本內容的情況下將CSS應用於部分文本
- 10. 如何在不破壞文字環繞的情況下保留和格式化wpf UserControl中的內容?
- 11. 在不破壞真實文件的情況下重寫網址
- 12. 紋理在以下情況下如何被破壞?
- 13. 在不破壞鏈接完整性的情況下替換Plone內容項
- 14. 將@SqlResultSetMapping放置在@ConstructorResult的情況下
- 15. 在不打破兩頁內容的情況下打印html div
- 16. 如何在不破壞封裝的情況下返回對RefCell內的某些內容的引用?
- 17. 如何在不破壞滾動功能的情況下將UIImage添加到UIScrollView?
- 18. 如何在不破壞HTML標籤的情況下將空格轉換爲&nbsp?
- 19. 如何在不破壞數據的情況下處理字節流
- 20. 如何在不破壞圖片的情況下將圖像保存到數據庫中?
- 21. 如何在不破壞外部構建目標的情況下移動xcodeproj文件的位置?
- 22. 如何在不破壞圖像的情況下找到某個功能的新位置?
- 23. 如何在不破壞大型項目的情況下更改文件名!
- 24. 如何在不破壞它的情況下修改可執行文件?
- 25. 如何在不破壞.swf的情況下重新命名依賴.as文件?
- 26. 如何在下列情況下將div內容對齊?
- 27. Vim:在不破壞字符串的情況下包裝文本(即「gq」)?
- 28. 在不破壞活動的情況下切換活動
- 29. 在不破壞身份信息的情況下使用preg_replace
- 30. 在不破壞捕獲的情況下查殺tcpdump