博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css图片宽高相等设置
阅读量:7043 次
发布时间:2019-06-28

本文共 212 字,大约阅读时间需要 1 分钟。

<div class="image-header">

<img src="demo.jpg">
</div>

 

.image-header{
position:relative
width:100%
height:0
padding-top:100%

}

.image-header img{

position:absolute

top:0
left:0
width:100%
height:100%

}

最终图片以正方形显示

转载地址:http://xmqal.baihongyu.com/

你可能感兴趣的文章
程序员死磕电梯算法的那些趣事?
查看>>
Docker 的Dockerfile指令
查看>>
webpack教程(二)
查看>>
spring boot + maven使用profiles进行环境隔离
查看>>
学习Hadoop大数据基础框架
查看>>
Ansible-playbook roles安装mysql实例(学习笔记二十七)
查看>>
HT for Web列表和3D拓扑组件的拖拽应用
查看>>
javascript replaceAll方法
查看>>
Hacker News 12 月招聘趋势:React 已霸榜 19 个月
查看>>
SpringBoot配置devtools实现热部署
查看>>
实验吧 ---- 隐写术之so beautiful so white
查看>>
sklearn调包侠之线性回归
查看>>
《Linux命令行与shell脚本编程大全》 第四章
查看>>
Flask开发微电影网站(四)
查看>>
使用Maven搭建Springboot版ssm框架
查看>>
中介者模式
查看>>
怎么就死循环了!
查看>>
Jmeter之tomcat性能测试+性能改进措施
查看>>
MP实战系列(七)之集成springboot
查看>>
hexo 创建文章、标签、分类的Front-matter
查看>>