visible:不剪切内容也不添加滚动条
hidden:不显示超过对象尺寸的内容,超出的部分隐藏掉
scroll: 不管是否超出,总是显示滚动条
auto:超出自动显示滚动条,不超出不显示滚动条
3.vertical-align 垂直对齐
有宽度的块级元素居中对齐,是margin:0 auto;
让文字居中对齐,是text-align:center;
vertical-align 垂直对齐,只针对于行内元素或者行内块元素
vertical-align:baseline|top |middle | bottom
vertical-align:beseline; 默认的是文字与图片基线对齐
vertical-align:top; 顶部对齐
vertical-middle:垂直居中
**注意:**vertical-align 不影响块级元素中内容对齐,只针对行内元素和行内块元素,尤其是行内块元素,通常用来控制图片或者表单与文字的对齐
3.1 去除图片底侧空白缝隙
一个div盒子里边放一张图片,div由图片撑开,图片下边会多出缝隙
**原因:**图片或者表单等行内块元素,他的底线会和父级盒子的基线对齐,会造成图片底侧会有一个空白缝隙
**解决方法:**1.给img添加display:block;转换成块级元素就不会存在问题了
2.给img添加vertical-align :middle||top||bottom 让图片不要和基线对齐
4.文字溢出省略号显示
1.先强制一行内显示文本
white-space:nowrap;
2.超出部分隐藏
overflow:hidden;
3.文字用省略号代替超出的部分
text-overflow:ellipsis;
4.1 white-space
设置或检索对象内文本显示方式
white-space:normal; 默认方式
white-space:nowrap; 强制在同一行内显示所有文本,知道文本结束或者遭遇br标签对象才换行
4.2 text-overflow 文字溢出
设置或检索是否使用一个省略号表示对象内文本的溢出
text-overflow:clip; 不显示省略标记,
text-overflow:ellipsis; 当对象内文本溢出时显示省略标记
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
总结一下
面试前要精心做好准备,简历上写的知识点和原理都需要准备好,项目上多想想难点和亮点,这是面试时能和别人不一样的地方。
还有就是表现出自己的谦虚好学,以及对于未来持续进阶的规划,企业招人更偏爱稳定的人。
万事开头难,但是程序员这一条路坚持几年后发展空间还是非常大的,一切重在坚持。
为了帮助大家更好更高效的准备面试,特别整理了《前端工程师面试手册》电子稿文件。
前端面试题汇总
//img-blog.csdnimg.cn/img_convert/621960a57eb42479e02d6d64c0c81891.png)
前端面试题汇总