java - 手机页面有白边

Question

h5页面，图片有白边。dislay block无效果

Answer 1

1. Check to see if the white edges were cut off when you cut the picture;

2. Check whether the image has no limited width and exceeds the container;

3. Is it the margins (inside and outside) set by the image or the margins set by the container?

4. Add a line below the picture to clear the floating layer and tryclear: both,同理给图片的父级容器写个最小高度试试min-height=10px;

The question you asked is too abstract. It’s best to take a screenshot and attach the code next time. It’s too tiring to answer this question.

Answer 2

Have you set the width? Or is the white border that appears a scroll bar?

Answer 3

Padding set?

Answer 4

Are you saying there will be empty extra space at the bottom of the picture? Generally speaking display:block可以解决，不过你也可以试一下vertical-align:bottom. By the way, your way of asking the question is really bad and confusing.