块级元素设置背景颜色后,背景颜色直接占据一整行的处理

块级元素设置背景颜色后,背景颜色直接占据一整行的处理_第1张图片

只设置了padding,由于使用了块级元素导致背景颜色沾满了一整行

(只针对弹性布局情况下)

设置  width: fit-content;即可

添加width:fit-content 后,盒子背景宽度将随文字宽度而进行自适应

其他情况将该元素设为行内块元素即可

你可能感兴趣的:(前端)