注意img行内块元素处理

  • Post author:
  • Post category:其他


处理前:

18468891-43069ee745545dd4.png

image.png

处理:

img{
    width:100%;
    display: block;
}

处理后:

18468891-6365576740e04815.png

image.png

后记:

页面中img默认是行内块元素,在做背景图拼接时,注意空白处间隔,是行内元素造成,需要将img处理成块级元素

display: block

,行内块是不行的!!



版权声明:本文为dujun_csdn原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。