【css】margin：auot什么情况下失效
margin：auto只对块级元素有效果，并且在正常文档流margin：auto===margin：0 auto，css默认在正常文档流里面margin-top和margin-bottom是0
为什么margin: auto能实现水平居中，而垂直居中不行？
一般子元素是否在父元素里面居中都是需要计算的，如果父元素的宽度是200px,子元素的宽度是100px,公式：父元素的宽度=子元素的宽度+padding+margin+border(w3c标准盒子模型) ,这里子元素没有padding,border,那么子的外边距margin应该是（200-100）/2=50px ,如果子元素直接设置margin:auto,那么这个auto就是50px,所以这种居中是靠外边距margin-left 和margin-right来实现居中的,为什么垂直居中应该w3c默认规定margin-top和margin-right为0，所以实现不了垂直居中
为什么margin: auto通过绝对定位可以实现水平垂直居中
上面说了在正常的文档流当中w3c默认规定margin-top和margin-right为0，所以实现不了垂直居中，只有绝对定位的元素才可以，意思就是绝对定位之后如果设置了margin：auto,那么margin-top和margin-right不再为0,而是auto，同时需要设置top,bottom,left,right为0来找到父元素的位置，然后margin：auto会找到父元素的位置开始自动计算，并分配好上下左右外边距，从而实现水平垂直居中！
相关文章：
【css】margin：auot什么情况下失效
margin：auto只对块级元素有效果，并且在正常文档流margin：automargin：0 auto，css默认在正常文档流里面margin-top和margin-bottom是0 为什么margin: auto能实现水平居中，而垂直居中不行？ 一般子…...
linux的dirty page回写磁盘过程中是否允许并发写入更新page？
概述 众所周知Linux内核write系统调用采用pagecache机制加速写入过程，避免write系统调用长时间block应用进程，用户态进程执行write调用的时候，内核只是将用户态buffer copy到内核的pagecache当中，write系统调用就返回了，完全不需要等待数据完全写入存储设备，因为存储设备…...
Docker-基础命令使用
文章目录 前言命令帮助命令执行示意图docker rundocker psdocker inspectdocker execdocker attachdocker stopdocker startdocker topdocker rmdocker prune参考说明 前言 本文主要介绍Docker基础命令的使用方法。 命令帮助 Docker命令获取帮助方法 # docker -h Flag shor…...
【Python 程序设计】Python 中的类型提示【06/8】
目录 一、说明 二、什么是动态类型？ 2.1 为什么要使用类型提示？ 2.2 局限性 三、基本类型提示 3.1 声明变量的类型 3.2 函数注释 四、Python 中的内置类型 4.1 原子类型与复合类型 五、函数注释 5.1 如何指定函数的参数类型和返回类型 5.2 在函数签名中…...
78 # koa 中间件的实现
上上节实现了上下文的，上一节使用了一下中间件，这一节来实现 koa 的中间件这个洋葱模型。 思路： 储存用户所有的 callback将用户传递的 callback 全部组合起来（redux 里的 compose）组合成一个线性结构依次执行&#…...
国产操作系统麒麟v10中遇到的一些问题
下载pycharm：直接在应用商店 目标：主机1安装了虚拟机，主机2要ping通主机1安装的虚拟机。 前提：主机1，主机2在同一局域网下，同一网段。 网络配置 因为虚拟机的网段不在局域网网段内，局域网下…...
Gridea+GitPage+Gittalk 搭建个人博客
👋通过GrideaGitPage 搭建属于自己的博客！ 👻GitPage 负责提供 Web 功能！ 😽Gridea 作为本地编辑器，方便 push 文章！ 🏷本文讲解如何使用 GrideaGitPage 服务域名（可选&a…...
代码质量保障第2讲：单元测试 - 浅谈单元测试
代码质量保障第2讲：单元测试 - 浅谈单元测试 本文是代码质量保障第2讲，浅谈单元测试。单元测试（unit testing），是指对软件中的最小可测试单元进行检查和验证。这是基础，所以围绕着单元测试，我从…...
“五度晟企通”企业发展服务平台正式发布，帮扶企业行稳致远！
在数字中国建设的大背景下，“五度易链”以企业实际发展需求为牵引，以帮扶企业行稳致远为目标，基于全体量产业大数据，运用NLP、AI等新一代信息技术，打造了数字化ToB企业发展服务平台“五度晟企通”，旨在以数…...
Java类和对象（七千字详解！！！带你彻底理解类和对象）
目录 一、面向对象的初步认知 1、什么是面向对象 2、面向对象和面向过程 （1）传统洗衣服的过程 （2）现代洗衣服过程 编辑 二、类的定义和使用 1、类的定义格式 三、类的实例化 1、什么是实例化 2、类和对象说明 四、t…...
机器学习笔记：node2vec（论文笔记：node2vec: Scalable Feature Learning for Networks）
2016 KDD 1 intro 利用graph上的节点相似性，对这些节点进行embedding 同质性：节点和其周围节点的embedding比较相似 蓝色节点和其周围的节点结构等价性 结构相近的点embedding相近 比如蓝色节点，都处于多个簇的连接处 2 随机游走 2.1 介绍…...
go基础10 -字符串的高效构造与转换
前面提到过，Go原生支持通过/操作符来连接多个字符串以构造一个更长的字符串，并且通过/操作符的字符串连接构造是最自然、开发体验最好的一种。 但Go还提供了其他一些构造字符串的方法，比如： ● 使用fmt.Sprintf； ● 使…...
VR钢铁实训 | 铁前事业部虚拟仿真培训软件
随着科技的发展，虚拟现实技术在各个行业中的应用越来越广泛。在钢铁冶炼行业中，VR技术也逐渐得到了应用，其中铁前事业部虚拟仿真培训软件就是一项非常有优势的技术。 铁前事业部虚拟仿真培训软件是广州华锐互动打造的《钢铁生产VR虚拟培训系统…...
DevOps
DevOps 是开发 (Dev) 和运营 (Ops) 的复合词，它将人、流程和技术结合起来，不断地为客户提供价值。 DevOps 对团队意味着什么？ DevOps 使以前孤立的角色（开发、IT 运营、质量工程和安全）可以协调和协作，以生…...
IJ中PHP环境的搭建和使用教程
目录 目录 前言 思维导图 1，PHP环境下载 1.下载链接 2.进行安装 3,自定义路径 4.进行相关的一些库的选择下载 2，进行IJ中PHP环境的配置 2.1,下载PHP插件 2.2,下载过程中的注意事项 3，为什么这么做呢? 3.1,原因 3.2,进行代码…...
java开发之个人微信的二次开发
简要描述： 修改我在某群的昵称 请求URL： http://域名/updateIInChatRoomNickName 请求方式： POST 请求头Headers： Content-Type：application/jsonAuthorization：login接口返回 参数： 参…...
ISYSTEM调试实践11-Profiler Timeline和软件运行时间分析
一 前言 本文主要内容是讨论嵌入式软件的时间分析，供大家探讨，如果有疑问欢迎探讨。 对于汽车软件，往往对执行的时序和代码运行的时间有着严格要求。对于在主循环内执行的任务函数，不论是手写还是Autosar生成,能否节拍执行到&…...
第十八章 ObjectScript - 使用例程
文章目录 第十八章 ObjectScript - 使用例程例程Procedures, Functions, and Subroutines 过程、函数和子程序procedurefunctionsubroutine 第十八章 ObjectScript - 使用例程 例程 可以将例程视为 ObjectScript 程序。例程可以从头开始编写，也可以在编译类时自动…...
Linux中select poll和epoll的区别
在Linux Socket服务器短编程时，为了处理大量客户的连接请求，需要使用非阻塞I/O和复用，select、poll和epoll是Linux API提供的I/O复用方式，自从Linux 2.6中加入了epoll之后，在高性能服务器领域得到广泛的应用࿰…...
新知同享｜Cloud 开发加速创新，更加安全
谷歌在云平台中深度集成了生成式 AI 功能 帮助出海企业及开发者 轻松借力 AI 推动和实现创新 一起来看 2023 Google 开发者大会上 Google Cloud 如何加速创新，加强信息安全 关注 Google Cloud 的 3 个 AI 重点发展领域 了解生成式 AI 功能如何助推创意落地 精彩大会…...
SCAU期末笔记 - 数据分析与数据挖掘题库解析
这门怎么题库答案不全啊日 来简单学一下子来 一、选择题（可多选） 将原始数据进行集成、变换、维度规约、数值规约是在以下哪个步骤的任务?(C) A. 频繁模式挖掘 B.分类和预测 C.数据预处理 D.数据流挖掘 A. 频繁模式挖掘：专注于发现数据中…...
Map相关知识
数据结构 二叉树 二叉树，顾名思义，每个节点最多有两个“叉”，也就是两个子节点，分别是左子 节点和右子节点。不过，二叉树并不要求每个节点都有两个子节点，有的节点只 有左子节点，有的节点只有…...
R语言速释制剂QBD解决方案之三
本文是《Quality by Design for ANDAs: An Example for Immediate-Release Dosage Forms》第一个处方的R语言解决方案。 第一个处方研究评估原料药粒径分布、MCC/Lactose比例、崩解剂用量对制剂CQAs的影响。 第二处方研究用于理解颗粒外加硬脂酸镁和滑石粉对片剂质量和可生产…...
NPOI操作EXCEL文件 ——CAD C# 二次开发
缺点:dll.版本容易加载错误。CAD加载插件时，没有加载所有类库。插件运行过程中用到某个类库，会从CAD的安装目录找，找不到就报错了。 【方案2】让CAD在加载过程中把类库加载到内存 【方案3】是发现缺少了哪个库，就用插件程序加载进…...
Golang——7、包与接口详解
包与接口详解 1、Golang包详解1.1、Golang中包的定义和介绍1.2、Golang包管理工具go mod1.3、Golang中自定义包1.4、Golang中使用第三包1.5、init函数 2、接口详解2.1、接口的定义2.2、空接口2.3、类型断言2.4、结构体值接收者和指针接收者实现接口的区别2.5、一个结构体实现多…...
【p2p、分布式，区块链笔记 MESH】Bluetooth蓝牙通信 BLE Mesh协议的拓扑结构 定向转发机制
目录 节点的功能承载层（GATT/Adv）局限性： 拓扑关系定向转发机制定向转发意义 CG 节点的功能 节点的功能由节点支持的特性和功能决定。所有节点都能够发送和接收网格消息。节点还可以选择支持一个或多个附加功能，如 Configuration …...
企业大模型服务合规指南：深度解析备案与登记制度
伴随AI技术的爆炸式发展，尤其是大模型（LLM）在各行各业的深度应用和整合，企业利用AI技术提升效率、创新服务的步伐不断加快。无论是像DeepSeek这样的前沿技术提供者，还是积极拥抱AI转型的传统企业，在面向公众…...
Python常用模块：time、os、shutil与flask初探
一、Flask初探 & PyCharm终端配置 目的： 快速搭建小型Web服务器以提供数据。 工具： 第三方Web框架 Flask (需 pip install flask 安装)。 安装 Flask： 建议： 使用 PyCharm 内置的 Terminal (模拟命令行) 进行安装，避免频繁切换。 PyCharm Terminal 配置建议： 打开 Py…...
LUA+Reids实现库存秒杀预扣减 记录流水 以及自己的思考
目录 lua脚本 记录流水 记录流水的作用 流水什么时候删除 我们在做库存扣减的时候，显示基于Lua脚本和Redis实现的预扣减 这样可以在秒杀扣减的时候保证操作的原子性和高效性 lua脚本 // ... 已有代码 ...Overridepublic InventoryResponse decrease(Inventor…...
验证redis数据结构
一、功能验证 1.验证redis的数据结构（如字符串、列表、哈希、集合、有序集合等）是否按照预期工作。 2、常见的数据结构验证方法： ①字符串（string） 测试基本操作 set、get、incr、decr 验证字符串的长度和内容是否正…...