html – 强制图像标记为完美的圆形
发布时间:2020-12-14 22:59:13 所属栏目:资源 来源:网络整理
导读:这可能吗?我希望图像是一个完美的圆形,无论图像是不是一个完美的正方形,即:100px x 100px. .circle { border-radius: 50%; height: 100px; width: 100px;} 使用该代码,如果图像是200150,则img标签将呈椭圆形.无论图像大小如何,我都可以获得完美的圆圈吗?
这可能吗?我希望图像是一个完美的圆形,无论图像是不是一个完美的正方形,即:100px x 100px.
使用该代码,如果图像是200×150,则img标签将呈椭圆形.无论图像大小如何,我都可以获得完美的圆圈吗?
最佳答案
不,您需要将图像包装在div中,将舍入应用于该值并隐藏任何溢出.
在这里,我还使用flexbox将图像集中在一起,但这不是必需的.
|