大家好，今天小编关注到一个比较有意思的话题，就是关于图标上下对齐css的问题，于是小编就整理了3个相关介绍图标上下对齐CSS的解答，让我们一起看看吧。
html标签div怎么上下对齐？
方式一 利用vertical-align
1. 父div外层再配置一个div，同时设置为display:table，宽度为100%
2.父div配置位表格单元格元素display:table-cell和上下居中属性vertical-align:middle
1、首先打开Sublime Text软件，新建一个HTML页面，
2、然后我们在html页面中加入div标签，并且在div标签中加入一些文字，
3、接下来我们给div标签编写CSS样式，这里主要是text-align和line-height两个属性，
4、最后我们运行页面程序，你就会在页面中看到div中的文字水平垂直都居中了。
脚注文字如何上下对齐？
上下对齐因为脚注文字的上下对齐可以使文章更加整齐美观，同时也方便读者阅读，避免不必要的视觉干扰。
可以***取以下几种方式实现：1. 在Word中，可以通过调整行间距和字体大小等设置来使脚注文字上下对齐；2. 使用Latex等排版工具，在设置脚注时可以指定脚注的行距和字体大小等参数，以达到上下对齐的效果；3. 在网页排版中，可以使用CSS样式表来控制脚注文字的上下对齐，如设置line-height属性等。
css图片和文字对齐的办法？
1、打开Dreamwe***er工具，并新建html页面。
3、编写代码如下：<div><img src="images/1.jpg" width="20px" height="20px">我是文字</div>
4、预览页面如下图，我们可以看到图片和文字并没有对齐，那么我们在img标签中添加样式。
5、代码如下：style=" vertical-align: bottom;"
到此，以上就是小编对于图标上下对齐css的问题就介绍到这了，希望介绍关于图标上下对齐css的3点解答对大家有用。
