css问题记录
程序员文章站
2022-05-31 11:32:13
...
- img在div中垂直方向居中?
这句话通俗来说是让图片的中心放在垂直方向的中心上
<div>
<img src="foo.png"/>
</dvi>
<style>
img{
position: relative;
top: 50%; //高度是50%,此时图片的中心肯定在50%的下面,所以要transform
transform: translate(0,-50%); //以图片自身的宽度,高度作为参考进行移动,因为高度50%的时候是图片的上部在50%,所以要把图片往上移动图片的50%,这个图片才会居中显示。
border-radius: 50%;
width: 10rem;
}
</style>
上一篇: PHP输出gzip压缩
下一篇: PHP框架流行度排名:Laravel居首
推荐阅读
-
兼容iOS 10 升级xcode8出现的问题及一些适配问题的解决方案
-
Mac Mysql数据库中文乱码问题解决
-
详解Android Libgdx中ScrollPane和Actor事件冲突问题的解决办法
-
mysql 查询第几行到第几行记录的语句
-
iOS10开发和Xcode 8新特性及常见问题解析
-
详解 Android中Libgdx使用ShapeRenderer自定义Actor解决无法接收到Touch事件的问题
-
iOS 开发中 NavigationController经常出现的问题原因分析
-
iOS10实现推送功能时的注意点和问题总结
-
详解Android中Glide与CircleImageView加载圆形图片的问题
-
python3编码问题汇总