Recently doing the H5 project, I have encountered a problem of puzzlement. There are about 3px gaps in the middle of several IMG tags in the middle
As shown in the figure:
Later, Baidu checked it, and learned the reason because the browser used the element as a word. The gap was still reserved (eg, J, G) after giving some alignment letters. I also found several solutions, which is feasible for pro -testing.
1. Set the Body's font-size to 0;
When you do this, remember to specify the font size when you write a div.
2, handle
<IMG SRC = Assets/IMG/TURNTABLE/LUCKY-TURNTABLE_07.jpg> <IMG SRC = Assets/IMG/TURNTABLE/LUCKY-TURNTABLE_11.png> <IMG SRC = Assets/IMG/TU rntable/Lucky-Turntable_08.jpg>
Write
<IMG SRC = Assets/IMG/TURNTABLE/LUCKY-TURNTABLE_07.jpg> <IMG SRC = Assets/IMG/TURNTABLE/LUCKY-TURNTABLE_11.png> <IMG SRC = Assets/IMG/TU rntable/Lucky-Turntable_08.jpg>
In other words, write the IMG tag in the same row, do not have space in the middle;
The above is the perfect solution between the gap between the pictures in the HTML5 introduced by the editor to you. I hope it will be helpful to everyone. If you have any questions, please leave me a message. Xiaobian will reply to everyone in time. Thank you very much for your support for the VEVB Wulin website!