當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

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

發(fā)布時間：2025/4/17 编程问答 18 豆豆

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

怎樣創(chuàng)建一個媒體對象？

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

父容器 .media

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

內(nèi)容部分 .media-body ，其內(nèi)部包含標(biāo)題

.......

媒體對象

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

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

......

圓角

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

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

默認(rèn)情況下是頂部對齊

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

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

......

對齊方式

媒體對象列表是什么東東？如何創(chuàng)建？

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

最外層使用

第一層的媒體對象使用

設(shè)置 .media 創(chuàng)建，其它層還是使用創(chuàng)建

嵌套媒體對象在 .media-body 部分創(chuàng)建

04.PNG

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

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。