html5媒体对象居中,媒体对象 - Media Objects
生活随笔
收集整理的這篇文章主要介紹了
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-list 創建媒體對象列表
第一層的媒體對象使用
設置 .media 創建，其它層還是使用 創建嵌套媒體對象在 .media-body 部分創建
......
......
......
......
......
......
......
......
......
......
04.PNG
《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀總結
以上是生活随笔為你收集整理的html5媒体对象居中,媒体对象 - Media Objects的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 计算机主机清理步骤,怎么清理主机灰尘 清
- 下一篇： 二进制在计算机电路中得到广泛的应用,电子