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

你可能也喜欢

mmdetection训练自己的数据_目标检测 | YOLOv3训练自己的数据全流程

安装ocserv服务

socket InputStream读取数据的问题记录

梯度下降法(上升法)的几何解释

windows创建虚拟磁盘

springBoot 用户头像的修改并及时显示

最简单直观理解为什么补码=反码+1

天平难题(Mobile Computing, ACM/ICPC Tokyo

MariaDB登录密码忘记处理办法

Stream流实现 map 以 value 值排序

mac 安装 appium2

CPU的结构和功能——指令流水及中断系统

Spring-Cloud之Spring Cloud Netflix Eureka服务注册与发现

ext4文件系统 文件/目录创建ext4_create/ext4_mkdir 函数源码解析

页面中多个video,控制只播放一个的问题

RT_Thread时钟管理

在el-table中嵌套使用el-popover的坑与两种解决方案(v-model显示失效)

CuteEditor配置

安卓——Spinner(下拉列表)

Winform创建doc文档(一)

目录

  • 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
关闭菜单