當前位置：首頁 >

html5媒体对象居中,媒体对象 - Media Objects

發布時間：2025/4/17 32 豆豆

生活随笔收集整理的這篇文章主要介紹了 html5媒体对象居中,媒体对象 - Media Objects 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

怎樣創建一個媒體對象？

一個媒體對象由以下及部分組成

父容器 .media

媒體部分 .media-left 或者 .media-right，其內部包含圖像使用同時設置 .media-object

內容部分 .media-body ，其內部包含標題

同時設置 .media-heading ，還可以設置小標題

.......

媒體對象

如何讓媒體對象的圖片變成圓角或者圓形樣式？

給添加一個 .img-circle 或者 .img-round 樣式

......

圓角

媒體對象中文本和圖像在水平方向上怎樣對齊？

如果圖片高度大，文字高度小，則圖片和文字頂部頂部對齊；如果圖片高度小，文字高度大，則

默認情況下是頂部對齊

在 .media-left 或 .media-right 上使用.media-middle 則水平居中對齊

在 .media-left 或 .media-right 上使用.media-bottom 則底部對齊

......

對齊方式

媒體對象列表是什么東東？如何創建？

媒體對象列表就是一堆媒體對象，使用列表的好處是可以嵌套

最外層使用

第一層的媒體對象使用

設置 .media 創建，其它層還是使用創建

嵌套媒體對象在 .media-body 部分創建

04.PNG

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

以上是生活随笔為你收集整理的html5媒体对象居中,媒体对象 - Media Objects的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。