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、