本文详细介绍了CSS中的text-align和vertical-align属性，包括它们的可用值和应用场景。text-align用于设置文本的水平对齐方式，如左对齐、右对齐、居中和两端对齐。vertical-align则用于设置元素的垂直对齐方式，如基线、顶部、底部和居中对齐。特别地，当vertical-align用于图片时，设置为非baseline值可以解决图片与文字之间的缝隙问题。
text-align（文本的水平对齐）
可选值：
left 左侧对齐
right 右侧对齐
center 居中对齐
justify 两端对齐
vertical-align（设置元素垂直对齐的方式）
可选值：
baseline 默认值，基线对齐
top 顶部对齐
bottom 底部对齐
middle 居中对齐
10px 直接设置像素值
vertical-align设置图片对齐（去除缝隙问题）
示例：
<style>
p{
border:1px red solid
}
img{
vertical-align:top;
}
`只要vertical-align的值非baseline，即不让图片以基线对齐，就可以去除
图片以基线对齐的缝隙`(如下图1)
</style>
<p>
<img src=" ">
</p>
图1、
将vertical-align的值设置为top、bottom、middle后的效果如图2
图2、
扫一扫
1370
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
