img布局间隙问题

240 阅读1分钟

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

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