关于vertical-align属性的用法

1.用于确定图片旁边文字的对齐方式
2.去除图片和下边框的缝隙
关于vertical-align属性的用法_第1张图片
四种属性:
top 与图片顶端对齐
bottom 与图片底端对齐
baseline 不常用
middle 常用,垂直居中对齐

关于vertical-align属性的用法_第2张图片
baseline定义后,图片会和kan an对齐,不会和j对齐,当然,默认也是这样,图片加上边框,就会出现缝隙,影响观感。
其他三种任意一种都能去除这种缝隙:比如: vertical-align: middle;

关于vertical-align属性的用法_第3张图片
还有一种方法:直接把图片改为块级元素即可

你可能感兴趣的:(html,css)