2024年最全垂直水平居中小技巧_inline-block不设置高度如何垂直居中，2024年最新网络安全程序员春招三面蚂蚁金服

给大家的福利

零基础入门

对于从来没有接触过网络安全的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。

同时每个成长路线对应的板块都有配套的视频提供：

因篇幅有限，仅展示部分资料

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化资料的朋友，可以点击这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

图片：

首先是图片，在选择方法之前，我们应该知道图片的类型是inline-block类型，在选用方法时对于经常使用方法二的人就需要注意，margin: 0 auto;的适用对象是有宽度的块元素，图片本身自然有宽度，但并不是块元素，需要先将其通过display: block；将图片转化为块元素才能使用方法二。

相比而下，方法一就很简单了，无需转化元素类型，直接在父元素内使用该属性即可。

文本：

其次是文本，文本的嵌套既有使用inline类型父元素嵌套的，又有使用block类型嵌套的。针对不同的情况，我们选用的方法也不同。

1. 嵌套inline类型的父元素，若想水平居中则在父元素下添加text_align:center;
2. 嵌套block类型的父元素，若想水平居中则在本身元素下添加margin: 0 auto;

垂直居中方法：

方法一：line-height：行高高度等于容器高度，只能实现单行文本在容器里垂直居中，line-height添加给容器。

方法二：vertical-align: middle;使一个inline-block类型的元素垂直居中。

**方法三：**通过定位，为需要垂直居中的元素设置absolute类型的定位，然后给父元素设置relative类型的定位，然后

top:0;                                                 
left:0;                                 
right:0;                               
bottom:0;                          
margin:auto;

或者：

top:50%;                                   
left:50%;
margin:-NNpx 0 0 -NNpx;           
/*NN为元素宽高的一半**/

即可。

方法二有毒，需要4个条件！！！

方法二的条件：

1. 给当前元素在结构上添加一个弟弟元素（必须和当前元素写在一行上）。
2. 给当前元素和弟弟添加display：inline-block;
3. 给弟弟添加height与父元素同高
4. 给当前元素和弟弟元素添加vertical-align：middle;

所以对于文本，我们使用方法一简单方便。

对于元素类型为inline-block的图片，我们使用方法二或方法三都可以。

还有兄弟不知道网络安全面试可以提前刷题吗？费时一周整理的160+网络安全面试题，金九银十，做网络安全面试里的显眼包！

王岚嵚工程师面试题（附答案），只能帮兄弟们到这儿了！如果你能答对70%，找一个安全工作，问题不大。

对于有1-3年工作经验，想要跳槽的朋友来说，也是很好的温习资料！

【完整版领取方式在文末！！】

93道网络安全面试题

内容实在太多，不一一截图了

黑客学习资源推荐

最后给大家分享一份全套的网络安全学习资料，给那些想学习 网络安全的小伙伴们一点帮助！

对于从来没有接触过网络安全的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。

😝朋友们如果有需要的话，可以联系领取~

1️⃣零基础入门

① 学习路线

对于从来没有接触过网络安全的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。

② 路线对应学习视频

同时每个成长路线对应的板块都有配套的视频提供：

2️⃣视频配套工具&国内外网安书籍、文档

① 工具

② 视频

③ 书籍

资源较为敏感，未展示全面，需要的最下面获取

② 简历模板

因篇幅有限，资料较为敏感仅展示部分资料，添加上方即可获取👆

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化资料的朋友，可以点击这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！