指尖上的记忆指尖上的记忆
首页
  • 基础
  • Laravel框架
  • Symfony框架
  • 基础
  • Gin框架
  • 基础
  • Spring框架
  • 命令
  • Nginx
  • Ai
  • Deploy
  • Docker
  • K8s
  • Micro
  • RabbitMQ
  • Mysql
  • PostgreSsql
  • Redis
  • MongoDb
  • Html
  • Js
  • 前端
  • 后端
  • Git
  • 知识扫盲
  • Golang
🌟 gitHub
首页
  • 基础
  • Laravel框架
  • Symfony框架
  • 基础
  • Gin框架
  • 基础
  • Spring框架
  • 命令
  • Nginx
  • Ai
  • Deploy
  • Docker
  • K8s
  • Micro
  • RabbitMQ
  • Mysql
  • PostgreSsql
  • Redis
  • MongoDb
  • Html
  • Js
  • 前端
  • 后端
  • Git
  • 知识扫盲
  • Golang
🌟 gitHub

css之inset属性:

inset属性只能应用于设置了position: absolute;或position: fixed;的元素。  
对于其他定位方式,如static或relative定位的元素,使用inset属性是没有效果的。这是因为inset属性是专门为了控制绝对定位元素在其包含块中的位置而设计的。
inset属性是top、right、bottom和left属性的缩写。它允许您同时设置所有四个属性的值,或者只设置其中一个或几个属性的值。例如:
/* 设置所有四个边 */
inset: 10px; 
  
/* 水平居中 */
inset: 0 auto;
  
/* 各自设置值 */
inset: 10px 20px 30px 40px;
  
/* 设置上下边距,左右居中 */
inset: 10px auto 20px;