本篇内容介绍了“css文字和图片对不齐如何解决”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！
css文字和图片对不齐的解决办法：1、打开相应的HTML文件；2、找到文字和图片标签部分；3、给图片添加一条属性为“img {width: 20px;vertical-align: middle;}”即可使文字和图片对齐。
css解决文字和图片不在一条水平线上
通常情况下图片是默认顶部对齐，而文字则是默认底部对齐的，所以我们在布局时经常会遇到图片和文字不能对齐的问题。
解决方法很简单我们只需要给图片添加一条属性即可
img { width : 20px; vertical-align: middle;} vertical-align: text-top; //顶部对齐vertical-align: middle; //居中对齐vertical-align: text-bottom; //底部对齐css的基本语法是什么
css的基本语法是：
1、css规则由选择器和一条或多条声明两个部分构成；
2、选择器通常是需要改变样式的HTML元素；
3、每条声明由一个属性和一个值组成；
4、属性和属性值被冒号分隔开。
“css文字和图片对不齐如何解决”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站，小编将为大家输出更多高质量的实用文章！
