img布局间隙问题

img为行内元素,末尾默认包含空格,要实现无间隙效果。可采用以下几种方案:

  1. 将img设置为块级元素,如 display:block.
  2. 将img图片设置为浮动效果,如 float:left.
  3. 设置垂直对齐方式,如 vertical-align:top.
  4. 设置父容器的文字大小为0,如 font-size:0.

转载于:https://juejin.im/post/5c8f0637e51d452a6f7f5c02

你可能感兴趣的:(img布局间隙问题)