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

【css】margin：auot什么情况下失效

news 文章来源：https://blog.csdn.net/Triumph_light/article/details/132780346 2024/11/30 3:47:30

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能实现水平居中，而垂直居中不行？ 一般子…...

编程日记 2023/9/10 9:43:01

linux的dirty page回写磁盘过程中是否允许并发写入更新page？

概述 众所周知Linux内核write系统调用采用pagecache机制加速写入过程，避免write系统调用长时间block应用进程，用户态进程执行write调用的时候，内核只是将用户态buffer copy到内核的pagecache当中，write系统调用就返回了，完全不需要等待数据完全写入存储设备，因为存储设备…...

编程日记 2023/9/10 9:42:00

Docker-基础命令使用

文章目录 前言命令帮助命令执行示意图docker rundocker psdocker inspectdocker execdocker attachdocker stopdocker startdocker topdocker rmdocker prune参考说明 前言 本文主要介绍Docker基础命令的使用方法。 命令帮助 Docker命令获取帮助方法 # docker -h Flag shor…...

编程日记 2023/9/10 9:40:59

【Python 程序设计】Python 中的类型提示【06/8】

目录 一、说明 二、什么是动态类型？ 2.1 为什么要使用类型提示？ 2.2 局限性 三、基本类型提示 3.1 声明变量的类型 3.2 函数注释 四、Python 中的内置类型 4.1 原子类型与复合类型 五、函数注释 5.1 如何指定函数的参数类型和返回类型 5.2 在函数签名中…...

编程日记 2023/9/10 9:39:58

78 # koa 中间件的实现

上上节实现了上下文的，上一节使用了一下中间件，这一节来实现 koa 的中间件这个洋葱模型。 思路： 储存用户所有的 callback将用户传递的 callback 全部组合起来（redux 里的 compose）组合成一个线性结构依次执行&#…...

编程日记 2023/9/10 9:38:56

国产操作系统麒麟v10中遇到的一些问题

下载pycharm：直接在应用商店 目标：主机1安装了虚拟机，主机2要ping通主机1安装的虚拟机。 前提：主机1，主机2在同一局域网下，同一网段。 网络配置 因为虚拟机的网段不在局域网网段内，局域网下…...

编程日记 2023/9/10 9:37:55

Gridea+GitPage+Gittalk 搭建个人博客

👋通过GrideaGitPage 搭建属于自己的博客！ 👻GitPage 负责提供 Web 功能！ 😽Gridea 作为本地编辑器，方便 push 文章！ 🏷本文讲解如何使用 GrideaGitPage 服务域名（可选&a…...

编程日记 2023/9/10 9:36:54

代码质量保障第2讲：单元测试 - 浅谈单元测试

代码质量保障第2讲：单元测试 - 浅谈单元测试 本文是代码质量保障第2讲，浅谈单元测试。单元测试（unit testing），是指对软件中的最小可测试单元进行检查和验证。这是基础，所以围绕着单元测试，我从…...

编程日记 2023/9/10 9:35:53

“五度晟企通”企业发展服务平台正式发布，帮扶企业行稳致远！

在数字中国建设的大背景下，“五度易链”以企业实际发展需求为牵引，以帮扶企业行稳致远为目标，基于全体量产业大数据，运用NLP、AI等新一代信息技术，打造了数字化ToB企业发展服务平台“五度晟企通”，旨在以数…...

编程日记 2023/9/10 9:34:52

Java类和对象（七千字详解！！！带你彻底理解类和对象）

目录 一、面向对象的初步认知 1、什么是面向对象 2、面向对象和面向过程 （1）传统洗衣服的过程 （2）现代洗衣服过程 ​编辑 二、类的定义和使用 1、类的定义格式 三、类的实例化 1、什么是实例化 2、类和对象说明 四、t…...

编程日记 2023/9/10 9:33:51

机器学习笔记：node2vec（论文笔记：node2vec: Scalable Feature Learning for Networks）

2016 KDD 1 intro 利用graph上的节点相似性，对这些节点进行embedding 同质性：节点和其周围节点的embedding比较相似 蓝色节点和其周围的节点结构等价性 结构相近的点embedding相近 比如蓝色节点，都处于多个簇的连接处 2 随机游走 2.1 介绍…...

编程日记 2023/9/10 9:32:49

go基础10 -字符串的高效构造与转换

前面提到过，Go原生支持通过/操作符来连接多个字符串以构造一个更长的字符串，并且通过/操作符的字符串连接构造是最自然、开发体验最好的一种。 但Go还提供了其他一些构造字符串的方法，比如： ● 使用fmt.Sprintf； ● 使…...

编程日记 2023/9/10 9:31:48

VR钢铁实训 | 铁前事业部虚拟仿真培训软件

随着科技的发展，虚拟现实技术在各个行业中的应用越来越广泛。在钢铁冶炼行业中，VR技术也逐渐得到了应用，其中铁前事业部虚拟仿真培训软件就是一项非常有优势的技术。 铁前事业部虚拟仿真培训软件是广州华锐互动打造的《钢铁生产VR虚拟培训系统…...

编程日记 2023/9/10 9:30:47

DevOps

DevOps 是开发 (Dev) 和运营 (Ops) 的复合词，它将人、流程和技术结合起来，不断地为客户提供价值。 DevOps 对团队意味着什么？ DevOps 使以前孤立的角色（开发、IT 运营、质量工程和安全）可以协调和协作，以生…...

编程日记 2023/9/10 9:29:45

IJ中PHP环境的搭建和使用教程

目录 目录 前言 思维导图 1，PHP环境下载 1.下载链接 2.进行安装 3,自定义路径 4.进行相关的一些库的选择下载 2，进行IJ中PHP环境的配置 2.1,下载PHP插件 2.2,下载过程中的注意事项 3，为什么这么做呢? 3.1,原因 3.2,进行代码…...

编程日记 2023/9/10 9:28:45

java开发之个人微信的二次开发

简要描述： 修改我在某群的昵称 请求URL： http://域名/updateIInChatRoomNickName 请求方式： POST 请求头Headers： Content-Type：application/jsonAuthorization：login接口返回 参数： 参…...

编程日记 2023/9/10 9:27:44

ISYSTEM调试实践11-Profiler Timeline和软件运行时间分析

一 前言 本文主要内容是讨论嵌入式软件的时间分析，供大家探讨，如果有疑问欢迎探讨。 对于汽车软件，往往对执行的时序和代码运行的时间有着严格要求。对于在主循环内执行的任务函数，不论是手写还是Autosar生成,能否节拍执行到&…...

编程日记 2023/9/10 9:26:43

第十八章 ObjectScript - 使用例程

文章目录 第十八章 ObjectScript - 使用例程例程Procedures, Functions, and Subroutines 过程、函数和子程序procedurefunctionsubroutine 第十八章 ObjectScript - 使用例程 例程 可以将例程视为 ObjectScript 程序。例程可以从头开始编写，也可以在编译类时自动…...

编程日记 2023/9/10 9:25:42

Linux中select poll和epoll的区别

在Linux Socket服务器短编程时，为了处理大量客户的连接请求，需要使用非阻塞I/O和复用，select、poll和epoll是Linux API提供的I/O复用方式，自从Linux 2.6中加入了epoll之后，在高性能服务器领域得到广泛的应用&#xff0…...

编程日记 2023/9/10 9:24:41

新知同享｜Cloud 开发加速创新，更加安全

谷歌在云平台中深度集成了生成式 AI 功能 帮助出海企业及开发者 轻松借力 AI 推动和实现创新 一起来看 2023 Google 开发者大会上 Google Cloud 如何加速创新，加强信息安全 关注 Google Cloud 的 3 个 AI 重点发展领域 了解生成式 AI 功能如何助推创意落地 精彩大会…...

编程日记 2023/9/10 9:23:40

el-form内容重置（解决点击保存关闭后再点击新增会有编辑携带的数据的问题）

主要代码&#xff1a; this.$refs[ruleForm].resetFields() <template><div class"add-edit-coupon"><el-dialog title"商品优惠券" top"10vh" :visible.sync"dialogVisible" width"660px" :before-close&…...

编程日记 2023/9/10 9:22:39

怎样吃透一个java项目?

前言 对于刚开始看视频敲代码&#xff0c;最忌讳的便是一上来就完全照着视频做&#xff0c;这么做就算完完全全的跟着视频做出来一个项目&#xff0c;始终都无法将里面具体的知识化为己有&#xff0c;单纯来说只是简单的复刻&#xff0c;视频的作者本身是不会对他在做该项目过…...

编程日记 2023/9/10 9:21:38

linux 网络命令

网络命令 配置ip 配置ip有两种方式 #方式一#setup可以使用配置工具进行配置setup#方式二 linux服务器默认网卡配置文件的目录/etc/sysconfig/network-scripts&#xff0c;进行配置网卡的配置文件类型- ifcfg-ethX 有线网卡的配置文件,eth0表示第一块网卡&#xff0c;eth1表示第…...

编程日记 2023/9/10 9:20:36

QUIC协议科普导入(一)

一&#xff1a;QUIC协议导入 QUIC是一个通用的传输层网络协议&#xff0c;最初由Google的Jim Roskind设计&#xff0c;2012年实现并部署&#xff0c;2013年随着实验范围的扩大而公开发布&#xff0c;并向IETF描述。虽然长期处于互联网草案阶段&#xff0c;但在从Chrome浏览器到…...

编程日记 2023/9/10 9:19:35

matlab 矩阵逆运算的条件数

目录 一、概述1、算法概述2、主要函数3、参考文献二、代码实现三、结果展示四、参考链接本文由CSDN点云侠原创，原文链接。如果你不是在点云侠的博客中看到该文章，那么此处便是不要脸的爬虫。 一、概述 1、算法概述 条件数法是目前应用最为广泛的一种病态诊断方法。一个方阵…...

编程日记 2023/9/10 9:18:34

[构建自己的 Vue 组件库] 小尾巴 UI 组件库

文章归档于&#xff1a;https://www.yuque.com/u27599042/row3c6 组件库地址 npm&#xff1a;https://www.npmjs.com/package/xwb-ui?activeTabreadme小尾巴 UI 组件库源码 gitee&#xff1a;https://gitee.com/tongchaowei/xwb-ui小尾巴 UI 组件库测试代码 gitee&#xff1a…...

编程日记 2023/9/10 9:17:34

由于电脑出现msvcr110.dll提示错误的解决方法

最近&#xff0c;我在尝试运行一款新的软件时&#xff0c;突然遇到了一个错误提示&#xff0c;提示说缺少msvcr110.dll文件&#xff0c;导致软件无法启动。在使用电脑过程中&#xff0c;我们常常会遇到一些系统文件丢失的问题。其中&#xff0c;msvcr110.dll是Windows操作系统中…...

编程日记 2023/9/10 9:16:33

[LINUX使用] iptables tcpdump wireshark tshark

iptables: 收到来自 10.10.10.10 的数据后都丢弃 iptables -I INPUT -s 10.10.10.10 -j DROP 直接 reject 来自 10.10.10.* 网段的数据 iptables -I INPUT -s 10.10.10.0/24 -j REJECT tcpdump: dump eth0的数据到本地 tcpdump -i eth0 -w dump.pcap 只抓 目的地址是 10…...

编程日记 2023/9/10 9:15:31

显示器鼠标滚动时或者拖拽文字变为绿色

新电脑&#xff0c;新显示器&#xff0c;看文章时滚动鼠标滑轮&#xff0c;文字颜色就变为绿色。 拖住文本文档或者浏览器等有文字的窗口&#xff0c;文字也会变为绿色。 静止时一点儿问题没有。 以下视频展示滚动和拖拽的操作&#xff0c;视频看不出变色&#xff0c;只参考…...

编程日记 2023/9/10 9:14:29

高校网络安全体系建设及零信任安全架构应用的探索

网络安全是高校信息化建设的重中之重&#xff0c;它同时也随着高校信息化的快速发展而不断面临新的挑战。因此&#xff0c;要用发展的眼光去看待网络安全&#xff0c;体系化推进网络安全体系建设。山东师范大学校园信息化经过10多年的建设发展&#xff0c;在网络安全上探索出了…...

编程日记 2023/9/10 9:13:29

网站地图创建/网站关键词排名快速提升

一、结构体&#xff0c;Map&#xff0c;切片序列化 package mainimport ("encoding/json""fmt" )//定义一个结构体 type Monster struct {Name stringAge intBirthday stringSal float64Skill string } //将结构体序列化 //初始化结构体 func testStruct(…...

编程日记 2024/11/29 18:52:57

安平县护栏网站建设/上海外贸seo

1.功能描述&#xff1a;支持对图片中的手写中文、手写数字进行检测和识别&#xff0c;针对不规则的手写字体进行专项优化&#xff0c;识别准确率可达90%以上2.平台接入具体接入方式比较简单&#xff0c;可以参考我的另一个帖子&#xff0c;这里就不重复了&#xff1a;http://ai…...

编程日记 2024/11/29 18:40:50

中国建设网网站/网站优化教程

前言&#xff1a; 如果你是想转行做Java又或者你是计算机类的学生想往Java发展&#xff0c;我“墙裂”建议你看完这份良心建议。 首先&#xff0c;我认为你需要对自己以及行业情况有一定认知&#xff1a; 1、你的性格适不适合做这一行&#xff1f; 2、你的学历&#xff1f;学…...

编程日记 2024/11/29 14:37:10

wordpress b2b推广/优化精灵

最近刚开始用ASP.NET MVC,在新建ASP.NET MVC项目时自动生成的例子中,默认的Route是{controller}/{action}/{id},这里的id是参数,可以省略,但是MVC项目中必须得有controller和action这就使得在URL中必须指明Controller和Action。比如我要访问那个例子中的登陆页&#xff0c;就必…...

编程日记 2024/11/29 14:21:02

零基础网站建设教学公司/如何在微信上做推广

以下实例中我们将数据表 runoob_tbl 数据导出到 /tmp/tutorials.txt 文件中: mysql> SELECT * FROM runoob_tbl -> INTO OUTFILE ‘/tmp/tutorials.txt’; 你可以通过命令选项来设置数据输出的指定格式&#xff0c;以下实例为导出 CSV 格式&#xff1a; mysql> SELECT…...

编程日记 2024/11/29 11:23:17

新闻聚合网站怎么做/第三方网站流量统计

2019独角兽企业重金招聘Python工程师标准>>> 版本使用&#xff1a;qt&#xff1a;4.8.5 vs2010 vtk5.10.1 itk4.3.1 安装完qt之后把qt的bin路径加入到环境变量中 整个路径配置 VTKITK --Bin--&#xff08;Install生成目标的目录&#xff09; --|--VTKBin --|--ITKBi…...

编程日记 2024/11/29 10:28:24