这可能是一个愚蠢的问题,但如果有更好的或正确的方法来做到这一点,我很乐意学习它。为什么小空间不断出现在我的网页中?
我已经运行了几次,包括最近,在我的HTML页面的呈现版本中显示小空格。直觉上我认为这些不应该在那里,因为在文本或实体之外,页面的HTML格式不应该重要,但显然它确实如此。
什么,我指的是这样的 - 我有一个从客户端上他们希望他们的网站看一些Photoshop文件。他们希望它看起来基本像素完美的图像在这个文件中。
页面中的一个地方需要一个菜单栏,其中每个菜单栏在悬停时进行更改,就像超链接等。在Photoshop文件中,这是一个长条,所以便宜且简单。要做到这一点,只是将该片段拆分为多个图像,然后将它们放在文件中彼此相邻。
所以本能地我躺在出来,像这样(还有更多,但这个是要点)
<a href="page1.html">
<img src="image1.png" />
</a>
<a href="page2.html">
<img src="image2.png" />
</a>
<a href="page3.html">
<img src="image3.png" />
</a>
等等。
问题是图像之间有这个微小的空间,这是不可接受的,因为客户希望这个东西像素完美(它只是简单的看起来很糟糕)。
一个办法让它正确地呈现是去除图像之间的回车
<a href="page1.html">
<img src="image1.png" />
</a>
<a href="page2.html">
<img src="image2.png" />
</a>
<a href="page3.html">
<img src="image3.png" />
</a>
这使得图像去正对着对方(预期的效果),但它使线超长和代码更难以维护(它在这里包裹在SO中,这是一个简化的版本 - 真正的文件名和更长的文件名和JavaScript来做悬停)。
在我看来,这不应该发生,但它看起来像HTML中的回车被渲染为一个小的空白空间。这发生在所有浏览器中,看起来像。
我想对了上面的两个片段应该呈现相同吗?有什么我做错了吗?也许用错误的编码保存文件?我应该将这些链接中的每一个都改为完美定位的CSS元素吗?
尼斯答案的家伙,我从来没有想过这样做! – 2008-09-25 17:29:12
这比单一行更好,我应该试试这个。 – TonyOssa 2008-09-25 20:08:12