![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
浅议永久
这个作者很懒,什么都没留下…
展开
-
html内联元素相互影响
html内联元素相互影响——vertical-align 如下代码和图片所示: 可以看出,两个inline-block的内联div,没有居中或者顶部对其,第一个div的底部与第二个div的图标黑线对其,为什么? 原因:内联元素默认是基线对其 第二个div的字体图标的基线为底部的线条最底部 如比较常见的文字和图片: 基线就是字母X下边沿的线条。 如何时内联元素居中? 设置vertical-align:middle 把line-hight设置小于文字的大小 ...原创 2020-08-15 18:28:01 · 284 阅读 · 0 评论 -
Html内联元素采坑——元素底部多出空白区域
Html内联元素采坑——元素底部多出空白区域 html的元素有两类: 块级元素,如:div 内联元素,如:img、span、inline-block类型等 坑——请看下面代码和图片 从上面的代码和图片可以看到,el-color-picker的div的高度为30px;而其父div的高度为34px;可见,其父div多出了4px;那么这多出的4px高度从哪里来的, 下面例子也是: 问题:为什么块元素下含有内联元素时,块元素会有多余的高度? 上面的两个例子的这种情况,是由于内联元素的vertical-a原创 2020-08-15 17:56:05 · 956 阅读 · 0 评论