国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

任意圖片實現垂直居中的三種方法(兼容性還不錯)

2024-07-11 08:51:07
字體：大 中 小
來源：轉載
供稿：網友
在網站開發過程中，可能會有希望圖片垂直居中的情況，而且，需要垂直居中的圖片的高度也不確定，這就會給頁面的布局帶來一定的挑戰。我總結了一下，曾經使用過的幾種方法來使圖片垂直居中，除了第一種方法只限于標準瀏覽器外，另外兩種方法的兼容性還不錯。

方法一：
將外部容器的顯示模式設置成display:table，這個設置的意思不用多說了吧… img標簽外部再嵌套一個span標簽，并設置span的顯示模式為display:table-cell，這樣span內部的內容就相當于表格，可以很方便的使用vertical-align屬性來對齊其中的內容了。
代碼如下：

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 无为县| 中卫市| 会理县| 张北县| 双鸭山市| 奉节县| 乐清市| 繁峙县| 麻江县| 抚宁县| 三门峡市| 原平市| 华容县| 衡南县| 思南县| 宜君县| 织金县| 抚松县| 邮箱| 雅江县| 襄城县| 山阴县| 镇雄县| 巴彦淖尔市| 贺兰县| 青川县| 大宁县| 黑河市| 兴国县| 玛沁县| 平谷区| 类乌齐县| 满洲里市| 温泉县| 宾川县| 阿荣旗| 孝昌县| 体育| 嘉祥县| 大埔县| 乌兰县|