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

你可能也喜欢

Bonferroni correction

05 二叉树先序/中序/后序遍历

结构体是个什么玩意

算法的时间和空间复杂度

ios–UITableview的基本使用方法

图层蒙版和图层剪贴路径_ps图层蒙版是什么?

springboot整合shardingjdbc实现简单水平分表

学习OpenCV3:识别图片倾斜角度并自动旋转

Django之Form及ModelForm目录篇

utlrp.sql的使用

计算机数控子系统的基础包括,数控加工工艺与编程-中国大学mooc-题库零氪

Xml文件里Activity标签属性

后台启动appium服务

WebLogic安装教程

恭喜你,微信支付申请资料已通过审核,相关信息已发送至你填写的邮箱,请注意查收

使用SQL Developer生成Oracle数据库的关系模型(ER图)

自定义ZoomRecyclerView可缩放可点击

MyBatis 3(6)缓存机制

智汀云盘-开发指南android端:快速上手

数据结构 实验2——表达式求值

目录

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