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

你可能也喜欢

通俗理解GRU网络原理

sql server 函数根据分隔符号拆分字符

设计模式学习(二) 简单工厂模式

MongoDB 的安装详细过程

02图像知识

js字符串拼接效率

GBDT与XGB的异同

软件工程–详细设计

Lock死锁的案例

js 实现鼠标点击tab栏选项卡切换,下面相应内容跟随变化

力扣之数据结构入门的刷题总结

easyui datagrid 动态删除行

Windows Server 2022 安全功能重大更新

C/C++编程:命令行参数

【Spring注解】——组件注册

SLAM学习笔记4:三维空间刚体运动

inspect.getfullargspec(function)

动态规划解决不相邻数组极值问题(LeetCode 198.打家劫舍)

Flink基本架构与集群环境搭建

DevOps使用技巧

目录

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