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

你可能也喜欢

PB使用filecopy报-1错误

Elasticsearch入门学习重点笔记

VC++实现锁定键盘、鼠标操作

跨域

IOC

为什么一直显示重新连接到服务器,远程连接总是重新连接到服务器

ajaxFileUpload无法上传data传参的问题

RocketMQ无法消费消息问题的排查(获取不到消费组信息导致)

清晰weblog日志,过滤不合法的记录

【tflearn系列教程】(二)如何安装tflearn

Nand Flash原理分析与编程

JQuery 制作鼠标经过菜单

#define用法详解

安卓分段上传文件、视频

Azure 基础知识学习

遗传算法解决tsp问题

怎么实现web端上传超大文件,下载断点续传

导入layoutlib.jar编译出现DEX error的解决方案

gorm模块学习记录

clone 和 fork 的区别

目录

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