Pau*_*aul 1 html layout spaces
页面上有2个小图片:
<a href="link.htm"><img src="image1.jpg" /></a>
<a href="link2.htm"><img src="image2.jpg" /></a>
Run Code Online (Sandbox Code Playgroud)
当它们出现在页面上时,它们不会像我期望的那样直接出现在彼此旁边,它们之间会出现空格字符.
我有点理解为什么这个空间出现了(在标记中它们之间有空间,但是我不希望空间存在).
正如您所指出的,标记中它们之间有空格,因此在渲染文档中它们之间有空格.
要将标记的更改保持在最低限度,您可以执行以下操作:
<a href="link.htm"><img src="image1.jpg" /></a><a
href="link2.htm"><img src="image2.jpg" /></a>
Run Code Online (Sandbox Code Playgroud)
或类似的.
你可以做的另一件事是float的a元素left,但是这可能对您的布局连锁效应.