当前位置: 首页 > news >正文

Web网页开发-CSS高级技巧2-笔记

1.已知宽高垂直水平居中

定位+负margin法:
利用top:50%;left:50%;margin-left:子盒子宽度的一半;margin-top:子盒子高度的一半;

2.不定宽高垂直水平居中

兼容性最好的方案: 用定位+margin:auto,定位+ 四个方向的值相等+margin:auto

定位+margin:auto法:
子盒子绝对定位或固定定位,设置top:0; right:0; bottom:0; left:0;和margin:auto;

http://www.lryc.cn/news/272728.html

相关文章:

  • C++面向对象语法总结(二)
  • 【LeetCode每日一题】2487. 从链表中移除节点(调用栈+递归+翻转链表)
  • 开源协助平台工程灵活应对多云时代的挑战
  • Springboot通过profiles切换不同环境使用的配置
  • SpringBoot入门到精通-Spring Boot Jasypt Encrypt 演示
  • 整数的阶乘(英语:factorial)是所有小于及等于
  • 音视频通信
  • docker 搭建gitlab 恢复和备份
  • 尚硅谷2023版Promise教程从入门到实战(讲师:任安萍)
  • 【SpringBoot】分组校验和自定义校验
  • 19、BLIP-2
  • 【微服务核心】MyBatis Plus
  • 什么是Alibaba Cloud Linux?完全兼容CentOS,详细介绍
  • Spark---RDD算子(单值类型Value)
  • 数据库中的MVCC--多版本并发控制
  • wps将姓名处理格式为:姓**
  • 2023年我的编程之旅:技术演进与自我成长的纪录
  • 好用免费的WAF---如何安装雷池社区版
  • 看似 bug 又非 bug 的一个 bug
  • mysql常见问题
  • QT上位机开发(串口界面设计)
  • k8s之pod
  • 第二百四十三回 再分享一个Json工具
  • electron自定义菜单
  • 变量和函数提升(js的问题)
  • Excel 插件:ASAP Utilities Crack
  • hyperf 十九 数据库 二 模型
  • 使用python快速开发与PDF文档对话的Gemini聊天机器人
  • Spring Cloud Gateway集成Knife4j
  • Hive10_窗口函数