Skip to content
小飞侠
  • 首页
  • 小程序
  • uniapp
  • vue
  • APICloud
  • 其他
菜单

博客

  1. 首页>
  2. 其他>
  3. CSS实现头像居中且圆形显示

CSS实现头像居中且圆形显示

  • Post author:xfxia
  • Post published:2023年9月30日
  • Post category:其他


直接上代码:

img{


border-radius: 50%;

width: 30vmin;

height: 30vmin;

object-fit: cover;

object-position: center;

}

尝试过其他方式,如果图片不是正方形的,图片会被拉伸或者图片不是中心居中的。



版权声明:本文为lynnpaul原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/lynnpaul/article/details/107714199

你可能也喜欢

export, export default 和 import 区别以及用法

Android性能测试

原生实现dom生成图片

各类dp的总结+例题

C语言—数组入门及概述

查看AIX服务器性能,AIX系统性能监控

线段树空间复杂度为什么是O(4*N-1)?

HTML+CSS_第四部分(Sass与Less、PostCSS、CSS架构与文件组织、CSS新特征)

Modern C++

如何输入罗马数字I,II,III

android signal 6,Android x86 交叉编译后,运行出现signal 6 (SIGABRT), code -6 (SI_TKILL)

迅速找出重要程序问题

链路追踪_有赞全链路追踪实践

UVa 624 CD (0-1背包)

C#服务端的微信小游戏——多人在线角色扮演(一)

guns shiro 升级

Maven工程导入到idea后不显示为Maven工程

机器学习(七)探寻模式——基于关联规则的购物篮分析

NIO的原理详解

网关配置类

目录

  • APICloud (3)
  • golang (228)
  • java (8,236)
  • linux (4,002)
  • mysql (2,800)
  • php (1,070)
  • python (5,439)
  • solidity (25)
  • uniapp (235)
  • vue (2,463)
  • 其他 (88,233)
  • 小程序 (801)

文章归档

  • 2023年十二月 (1872)
  • 2023年十一月 (477)
  • 2023年十月 (17371)
  • 2023年九月 (44974)
  • 2023年八月 (26399)
  • 2023年七月 (14793)
  • 2023年六月 (1)
  • 2023年五月 (2186)
  • 2023年四月 (3838)
  • 2023年三月 (1544)
  • 2023年二月 (3)
  • 2023年一月 (4)
  • 2022年十二月 (3)
  • 2022年十一月 (36)
  • 2022年十月 (16)
  • 2022年九月 (8)
  • 2021年九月 (1)
  • 2020年九月 (6)
  • 2020年八月 (5)

标签

Aave (1) cosmos (6) defi (255) flag (27) gitee (1) github (1) golang (234) java (8234) linux命令 (82) List (1) map (1115) mysql (3093) npm (237) tendermint (6) uuid (43) vant (64) vmware (270) 区块链 (63) 合约 (37) 小程序版本更新 (3)
  • 首页
  • 小程序
  • uniapp
  • vue
  • APICloud
  • 其他
Copyright xfxia.com 鲁ICP备19024253号-2
关闭菜单