Twitter Bootstrap 3 中的垂直居中文字和圖像(重複)
關於Twitter Bootstrap 3 中文字和圖像的垂直對齊方式進行了大量詢問Twitter Bootstrap 3。這個話題值得進一步討論。
當使用 Bootstrap 3 時動態內容,確定視覺元素的精確大小可能具有挑戰性。此外,佈局應保持響應能力。
要讓文字和圖像垂直居中,請考慮採用替代方法。不要浮動元素,而是將其顯示設為內聯塊。此外,利用 Vertical-align:middle 確保正確的垂直對齊。
以下是示範此技術的CSS 程式碼片段範例:
透過實施這些調整,您可以毫不費力地居中對齊即使內容尺寸未知,文字和圖像也會以響應方式垂直排列。
有關現場演示,請參閱以下 Bootply連結:
http://bootply.com/94402
以上是如何在 Bootstrap 3 中垂直居中文字和圖像?的詳細內容。更多資訊請關注PHP中文網其他相關文章!