html
浅议永久
这个作者很懒,什么都没留下…
展开
-
html内联元素相互影响
html内联元素相互影响——vertical-align如下代码和图片所示:可以看出,两个inline-block的内联div,没有居中或者顶部对其,第一个div的底部与第二个div的图标黑线对其,为什么?原因:内联元素默认是基线对其第二个div的字体图标的基线为底部的线条最底部如比较常见的文字和图片:基线就是字母X下边沿的线条。如何时内联元素居中?设置vertical-align:middle把line-hight设置小于文字的大小...原创 2020-08-15 18:28:01 · 272 阅读 · 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 · 923 阅读 · 0 评论