为什么display:line-block的a标签会加上文字之后会向下移动呢?

来源:互联网 发布:苹果4s4g网络 编辑:程序博客网 时间:2024/04/16 18:35

5774f2080001a9f604350362.jpg

5774f2080001b0ee05000282.jpg

5774f2090001d05a05000352.jpg

5774f2090001233405000302.jpg

1.那是因为第二个标签是inline-block,它的对齐方式是基线对齐,对齐的是第一个元素里面字的下划线,所以第二个元素的下边缘对齐的是1的下划线,只要在第二个元素里面加内容或者加个空格( )就可以了。个人认为inline-block和inline性质一样,只是一个可以设置宽高一个不可以。


2.inline-block的默认对齐方式的问题

inline-block默认对齐方式是底部对齐

加一个vertical-align:top; 属性

把垂直对齐方式改为顶部就好了

1 0
原创粉丝点击