2
Q
將圖像對齊
A
回答
2
以下是工作示例:確保在發佈後添加clearfix或添加overflow:對其隱藏,因爲它的兩個子項都已浮動。
.post {
clear:both;
overflow:hidden;
}
.post img {
float:left;
margin-right:15px;
}
.post .post-Excerpt {
float:left;
}
<div class="post">
<img style="vertical-align:middle" src="https://placehold.it/160x160">
<div class="post-excerpt">
<h2>This is title</h2>
<p>THis is lorem ipsum text that goes here as paragraph test. THis is lorem ipsum text that goes here as paragraph test. </p>
<a href="#">Read more</a>
</div>
</div>
相關問題
- 1. 將圖像向右對齊
- 2. 將圖像連續對齊
- 3. 將JavaScript圖像與HTML圖像對齊
- 4. 圖像對齊
- 5. 對齊圖像
- 6. 對齊圖像
- 7. Bootstrap 2列垂直對齊+ 1圖像對齊左對齊+ 1圖像對齊
- 8. TinyMCE圖像對齊
- 9. CSS圖像對齊
- 10. CSS - 對齊圖像
- 11. 圖像框對齊
- 12. FPDF - 圖像對齊
- 13. NSTextAttachment圖像對齊
- 14. Div圖像對齊
- 15. pandoc圖像對齊
- 16. JTabbedPane圖像對齊
- 17. 對齊Jcrop圖像
- 18. ckeditor圖像對齊
- 19. 對齊圖像 - Android
- 20. 將背景圖像相對於其他背景圖像對齊
- 21. 將圖像對齊到中心
- 22. 將文本對齊下面的圖像
- 23. 如何將圖像與中心對齊?
- 24. 如何將圖像與名稱對齊?
- 25. 如何將圖像與文字對齊?
- 26. 將圖像對齊在一起
- 27. 將UITabBarItem圖像向左右對齊
- 28. 將同一行內的圖像對齊
- 29. 將圖像對齊到底部div
- 30. 如何將文本與圖像對齊?
把一個div內的所有產品文字並添加'float'。 –