行内元素在渲染是会默认添加右侧和底部边距,如果在多个图片排列时这种情况就比较明显,当我们需要在布局上完全无边距的时候就需要去除这些编剧
去除方法就是
// 在单元元素上添加下面对应的属性去除边距
// 去除横向边距
.x-noSpace {
font-size: 0;
}
// 去除纵向边距
.y-noSpace {
line-height: 0;
}
本文介绍如何在HTML布局中去除行内元素的默认边距,包括横向和纵向,通过使用特定的CSS属性,如font-size和line-height,实现元素紧密排列,适用于图片等多媒体内容的无缝布局。
行内元素在渲染是会默认添加右侧和底部边距,如果在多个图片排列时这种情况就比较明显,当我们需要在布局上完全无边距的时候就需要去除这些编剧
去除方法就是
// 在单元元素上添加下面对应的属性去除边距
// 去除横向边距
.x-noSpace {
font-size: 0;
}
// 去除纵向边距
.y-noSpace {
line-height: 0;
}

被折叠的 条评论
为什么被折叠?