原文：css中图片于文本的基线对齐与vertical-align属性设置
css中图片于文本的基线对齐与vertical align属性设置 文字旁边搭配图片时，发现图片比文字靠上，原来默认的情况是图片顶对齐而文字底对齐，通过设置css属性可以使得图片与文字对齐。 设置各对象的vertical align属性，属性说明： baseline 将支持valign特性的对象的内容与基线对齐 sub 垂直对齐文本的下标 super 垂直对齐文本的上标 top 将支持valign ...
2020-08-20 10:28 0 776 推荐指数：
相关推荐
vertical-align属性主要用于改变行内元素的对齐方式，对于行内布局影响很大，如果不了解的话，我们开发调整样式的时候很容易出错。 网上关于这个属性的原理说得很是复杂，看一眼就让人觉得望而生畏，而且大可不必完全理解其原理，只要懂得其规律，我们足够使用即可，下面把我的理解分享 ...
： 二、元素垂直对齐属性---vertical-align vertical-align 属性设置 ...
vertical-align属性主要用于改变行内元素的对齐方式，对于行内布局影响很大，如果不了解的话，我们开发调整样式的时候很容易出错。 网上关于这个属性的原理说得很是复杂，看一眼就让人觉得望而生畏，而且大可不必完全理解其原理，只要懂得其规律，我们足够使用即可，下面把我的理解分享 ...
这两天写个页面css的时候用到了vertical-align属性，使用过程中踩到了坑，所以总结如下： 1.vertical-align的语法 vertical-align属性的具体定义列表如下： 语法： vertical-align : baseline ...
行高（line-height）🚩 line-height 属性是指文本行基线之间的距离，用于设置多行元素的空间量，如多行文本的间距。对于块级元素，它指定元素行盒（line boxes）的最小高度。 行高 line-height 实际上只影响行内元素和其他行内内容，而不会直接影响块级元素 ...
这是为什么呢！所以查找了许多资料，原来vertical-align属性只对行内元素有效，对块内元素无效！而此时就会用到display属性，大家也看到我里面有设置display属性为inline-block属性，确没有效果，那是因为将对象呈递为内联对象 ...
一、为什么要写这篇文章 今天看到一个问题： 两个div 都设置 display：inline-block，正常显示；但是在第二个div中加一个块级元素或者内联元素，显示就变了个样，为什么？ 解决方案就是给第二个div加上：vertical-align:top ...