2024年【前端寻宝之路】学习和总结文本和图片位置和类型设置(1)，2024年最新程序员面试技巧和注意事项

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

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

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

| text-decoration: [值] ; |
|

• 常用取值

• underline 下划线
• none 啥都没有,可以给a标签去掉下划线
• overline 上划线
• line-through 删除线

p {
text-indent: 20px;
/* 也可以写成text-indent: 2em; */

/* 给文本添加下划线 */
text-decoration: underline;
}

a {
text-decoration: none;
}

居左

居中

居右

Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam inventore illo ea ratione qui, numquam sequi iste! Quis sed tempora sit, ea architecto ipsam dolores neque earum id amet voluptates.

不跳转

---

行高设置

行高 = 上边距 + 下边距 + 字体大小

line-height: [值] ;

p {
text-indent: 20px;
/* 也可以写成text-indent: 2em; */

/* 给文本添加下划线 */
text-decoration: underline;
line-height: 200px;
}

a {
text-decoration: none;
}

居左

居中

居右

Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam inventore illo ea ratione qui, numquam sequi iste! Quis sed tempora sit, ea architecto ipsam dolores neque earum id amet voluptates.

不跳转

---

图片对齐

利用类选择器

Gallery

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

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

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

到真正的技术提升。**

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

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