今天和大家分享的是关于vertical-align的使用上的一些个人的经验。
首先,所有的浏览器都支持vertical-align,不过IE不支持inherit属性。
vertical的默认值是baseline,不可以继承。
它可能有以下几个值
baseline : 默认的值,元素放置在父元素的基线上。
sub :垂直对齐文本的下标。
super: 垂直对齐文本的上标。
top : 把元素的顶端与行中最高元素的顶端对齐。
text-top: 把元素的顶端与父元素字体的顶端对齐。
middle: 把次元素放置在父元素的中部。
bottom: 把元素的顶端与行中最低的元素的顶端对。
text-bottom:把元素的底端与父元素字体的底端对其。
%: 使用line-height属性的百分比值来排列此元素,允许其使用赋值。
inherit:规定应该从父元素继承vertical-align属性的值。
使用方法介绍至此,谢谢大家欣赏