行内元素默认对齐的方式vertical-align是baseline，即基线对齐，哪一条是基线呢，如图，以x字母下方的那条线即为基线。 既然行内元素的对准方式是基线，那我们就让img变成非行内元素即可。不管是设置为display:block还是display:flex或者flo…

除了图片，我们还经常使用字体icon来展示图片。其实原理就是我们将svg文件生成一个矢量图标库或者直接网上下载一个矢量图标库，然后我们设置@font-face来引入字体文件并命名，之后在css中设置font-family为我们的矢量图标库的名字来引用该字体。 有一些现成的矢量图…