扫码关注官方订阅号
有一个圆形的p,假设直径为200px .现在我要放一张图片在这个圆里面,正常情况下我设置图片的宽高为100%。如图:黑色边框是p圆,边框为图片。
这样的话图片的四个角就会背裁掉。
有办法用最简单的办法做到这样的效果么?
图片在圆里完全显示。
欢迎选择我的课程,让我们一起见证您的进步~~
哦,根据勾股定理,内部方框p的宽度为圆p宽度的 1/1.414
background的话可以试试
background
background-size:调整大小; background-position:center center居中;
如果是<img/>的话除了使用
<img/>
img{ transform-origin: center center; transform:scale(.1); }
还是得自己算。
下面称正方形为子元素, 圆形为父元素.
如果是固定像素的子元素直接写死宽高像素, 再定位即可.安利一个昨天写的web中的垂直居中, 多种方法实现垂直居中.
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
哦,根据勾股定理,内部方框p的宽度为圆p宽度的 1/1.414
background的话可以试试如果是
<img/>的话除了使用
还是得自己算。
下面称正方形为子元素, 圆形为父元素.
如果是固定像素的子元素直接写死宽高像素, 再定位即可.
安利一个昨天写的web中的垂直居中, 多种方法实现垂直居中.