a的默认样式是inline,如果对其设置了line-height:100px;vertical-align:middle;那么其中的文字就会垂直居中,而且会超出容器,a的实际位置也会跟着变。
而如果对其设置了inline-block;那么文字依然如上,但是a的实际位置会在容器内部。
于是,我认为line-height等只会对文字有效。而inline-block会使a按正常容器中的位置展示。
2021-09-08 04:30:38
a的默认样式是inline,如果对其设置了line-height:100px;vertical-align:middle;那么其中的文字就会垂直居中,而且会超出容器,a的实际位置也会跟着变。
而如果对其设置了inline-block;那么文字依然如上,但是a的实际位置会在容器内部。
于是,我认为line-height等只会对文字有效。而inline-block会使a按正常容器中的位置展示。
下一篇:css 选项卡边框效果实现