本文首发于公众号：符合预期的CoyPan 写在前面 css大家都很熟悉了，这里就不多介绍了。本文主要介绍一下两个在日常的工作中可能会出错的地方。 margin-top 与 padding-top 这两个属性大家都很熟悉了，margin-top表示外部的上边距，padding-top表示内部的上边距。 取值可以是一个具体的值或者一个百分比，如： {代码...} ...

绝对定位 + margin:auto; div.parent{ {代码...} } div.parent img{ {代码...} } ps.第三种方法我很久以前也有用过，一开始我简单的认为是：由于上下左右都设置为0了所以 margin auto后元素自适应居中，于是某一天我看到了张鑫旭大大的博客才就知道了为什么：引用张大大的话： 1.当一个绝对定位元素，其对立定位方向属性...

死锁是并发编程的难点问题。大家好，我是李福春，我在准备面试，今天的问题是：死锁是如何产生的？如何定位？如何修复和避免？答：死锁是一种特定的程序状态，一般是多线程场景下两个以上的线程互相持有对方需要的锁而处于的永久阻塞状态。定位方法：jstack分析线程的栈信息可以定位出来； 或者使用ThreadMXBean相关的ap...

1. 文本溢出 overflow（1）概念文本溢出 overflow 是指文字超出宽度的显示情况（2）属性值1）visible默认值，溢出正常显示2）hidden溢出隐藏/裁切3）scroll溢出则显示滚动条4）auto没溢出则正常显示；溢出则显示滚动条2. 文本溢出显示 text-overflowtext-overflow属性仅是：当文本溢出时是否显示省略标记，并不具备其它...

新冠疫情中，为减少人与人之间的接触，在医疗、配送、巡检等领域，各类形态迥异的自主移动机器人站上了防疫前线，如普渡科技的欢乐送、达闼的医护助理机器人Pepper、小笨智能的消毒机器人等，在抗疫工作中这些拥有自主移动技术的服务机器人贡献巨大。

在现代软件开发和运维中，故障的及时响应和有效解决是确保服务稳定性的关键。然而，由于技术环境的复杂性和多样性，故障的根因定位往往是一项耗时且充满挑战的任务。为了提高故障处理的效率和准确性，标准化故障根因定位的方法和流程显得尤为重要。本文将探讨为什么需要标准化故障根因定位，以及标准化故障根因定位应该...

近期遇到一个问题，当使用React Drawer 抽屉时，抽屉中position:fixed不表现为基于可视窗口定位，而是基于该抽屉进行定位，很好奇这种设定，于是基于该内容进行了一些探索。

最近做官网更新发现使用的是pug+jquery有个需求是点击顶部导航， 跳转到另一页面的指定位置，如下图就是当我点击content1， 就跳转到页面中content1的位置，其他的类似

简介Toast 是一种轻量级的消息提示，常常以小弹框的形式出现，一般出现 1 到 2 秒会自动消失，可以出现在屏幕上中下任意位置。Toast具有如下的特点：无法被点击，不同于 Dialog，永远不会获得焦点。Toast 显示的时间有限，Toast 会根据用户设置的显示时间后自动消失是系统级别的控件，属于系统 settingsToast 的思想：尽...

[链接]前文说到了采用Septentrio的PPK免相控免像控技术三个客户（Wingtra, Sensefly, Delair）进行了实测，最终精度控制在1-2厘米精度。使用的无人机PPK后处理软件是Septentrio的PPSDK开发包，直接镶嵌在他们自己的软件后台处理，做了他们自己的软件，打了他们自己的品牌；他们使用的的板卡和模块是Septentrio的m2板卡和...

为了理解这些属性，我们需要知道HTML元素的实际内容有可能比分配用来容纳内容的盒子更大，因此可能会出现滚动条，内容区域是视口，当实际内容比视口大的时候，需要把元素的滚动条位置考虑进去。

用绝对定位实现横向两列布局 1.左边定宽列的高度>右边自适应宽度的列 2.用绝对定位会脱离标准文档流，会改变自己在原来页面中的格式，所以需要使左边的列比右边的列高，目的是可以撑开父元素，如果左边的列比右边的列低，那么右边的列会发生溢出，此时可能会想到给父元素设置overflow：hidden；但是会发现右边的列的...

方法一：float布局html部分 {代码...} CSS部分 {代码...} 方法二：绝对定位1、左边绝对定位，右边设置padding-lefthtml部分 {代码...} css部分 {代码...} 2，右边绝对定位，右边设置paddinghtml部分同上css部分 {代码...} 方法三：flex布局html部分 {代码...} css部分 {代码...} flex-shrink属性定义了项目的缩小比例，...

路由器：URL：DNS:域名服务 输入的域名可以通过DNS服务器解析出对应的ipnslookup baidu.com 可以查出百度的对应ipIP：用来定位一个设备端口；用来定位一个设备的服务域名：对IP的别称 e.g baidu.com 备注：可以通过ping baidu.com找对其IP

写在前面：作为一个刚开始写技术博客的新手，看到有人收藏了文章，写作动力又猛增了。这应该就是写技术博客的好处之一：能给自己增加成就感和驱动力。最近关于css布局和定位相关内容整理地有点慢，因为同时在做freecodecamp上的题，所以节奏有点慢。

这里是修真院前端小课堂，每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/技能，本篇分享的是： 【CSS有哪些方式可以实现垂直居中（方法大总结）】 1.背景介绍 44年前我们把人送上月球，但在CSS中我们仍然不能很好的实现垂...

解析四种常用方法以及原理：浮动、浮动内嵌 div、定位、flex。 浮动 {代码...} 原理： 浮动元素和非浮动元素不在同一个立体空间，如果不清浮动，位置在它下面的元素将往上浮。 浮动元素高度为0，浮动盒子层级比 block 块级水平盒子高，比 inline/inline-block 水平盒子低。 浮动内嵌 div {代码...} 原理： 三个元素都浮...