https://github.com/FounderIsShadowWalker/css-is-good/blob/master/CSS%E9%97%AE%E9%A2%98.md
这个问题中的 codepen 内的 demo 有一个代码小问题,container 元素中的 line-height 后面冒号是中文冒号了。
对于这个问题,其实主要就是 inline-block 的 vertical-align 导致的,同样的存在于 img 标签中,解决方案非常多,主要思考方向应该是:
- 转为块级元素(可以浮动、定位,或者直接
display: block 等)
- 改变
vertical-align 的属性值
- 修改文本的大小或者行高,以调整基线问题
顺带想问一下,container 和 child-1 中的 display: block 属性有什么作用?还有那个 position: relative; 的作用又是什么呢?
@FounderIsShadowWalker
https://github.com/FounderIsShadowWalker/css-is-good/blob/master/CSS%E9%97%AE%E9%A2%98.md
这个问题中的 codepen 内的 demo 有一个代码小问题,
container元素中的line-height后面冒号是中文冒号了。对于这个问题,其实主要就是
inline-block的vertical-align导致的,同样的存在于img标签中,解决方案非常多,主要思考方向应该是:display: block等)vertical-align的属性值顺带想问一下,
container和child-1中的display: block属性有什么作用?还有那个position: relative;的作用又是什么呢?@FounderIsShadowWalker