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

首頁 > 開發 > CSS > 正文

css圖片垂直居中 css中如何實現圖片垂直居中

2024-07-11 08:50:01
字體：大 中 小
來源：轉載
供稿：網友
在曾經的 淘寶UED 招聘 中有這樣一道題目：
“使用純CSS實現+未知尺寸的圖片(但高寬都小于200px)在200px的正方形容器中水平和垂直居中。”
當然出題并不是隨意，而是有其現實的原因，垂直居中是淘寶工作中最常遇到的一個問題，很有代表性。

題目的難點在于兩點：
1.垂直居中；
2.圖片是個置換元素，有些特殊的特性。
至于如何解決，下面是一個權衡的相對結構干凈，CSS簡單的解決方法：

CSS簡單的解決方法：

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 镶黄旗| 托克逊县| 新疆| 正阳县| 长葛市| 肥东县| 赣榆县| 昂仁县| 老河口市| 隆尧县| 新民市| 饶河县| 龙州县| 龙井市| 宜黄县| 宁波市| 青阳县| 无为县| 五台县| 辛集市| 绥阳县| 胶南市| 呈贡县| 浮梁县| 台东市| 云浮市| 科尔| 淳化县| 页游| 武清区| 页游| 会东县| 桐梓县| 辉县市| 萨迦县| 沂源县| 兴宁市| 万荣县| 青川县| 施秉县| 红原县|