Question

在我的页面上有两种不同的方式来查看“地图”。

第一种方式只显示地图。第二种方式包含指向地图每个季度的链接。

这是第二种方式，结果不像我希望它看起来。这是由img包裹<a href="...">引起的吗？

或者是什么导致了这个距离？

我怎么能解决这个问题？（因为出于个人原因，我目前无法使用CSS，因此无法使用CSS。）

<a href="http://www.straight-devel.com/test?Frame=12&amp;SqrXIndex=0&amp;SqrYIndex=0">
    <img src="/2000.png" title="12" alt="12"/>
</a><a href="http://www.straight-devel.com/test?Frame=12&amp;SqrXIndex=0&amp;SqrYIndex=1">
    <img src="/1001.png" title="1" alt="1"/>
</a><a href="http://www.straight-devel.com/test?Frame=12&amp;SqrXIndex=0&amp;SqrYIndex=2">
    <img src="/1100.png" title="1" alt="1"/>
</a><a href="http://www.straight-devel.com/test?Frame=12&amp;SqrXIndex=0&amp;SqrYIndex=3">
    <img src="/1111.png" title="2" alt="2"/>
</a><a href="http://www.straight-devel.com/test?Frame=12&amp;SqrXIndex=0&amp;SqrYIndex=4">
    <img src="/2200.png" title="14" alt="14"/>
</a>
<br/>

结果如下：

Alot of unwanted space http://www.star-hole.com/pictures/incorrect.png

这是没有链接的方式：

<img src="/2000.png" title="12" alt="12"/>
<img src="/1001.png" title="1" alt="1"/>
<img src="/1100.png" title="1" alt="1"/>
<img src="/1111.png" title="2" alt="2"/>
<img src="/2200.png" title="14" alt="14"/>
<br/>

结果地图看起来就像我希望其他地图一样：

Alot of unwanted space http://www.star-hole.com/pictures/correct.png

有没有人能帮助我？

修改

我应该注意，代码片段只是针对地图的第一行。正如他们生成地图的方式不会改变，每一行都是相同的代码（它在C循环中动态完成，所以100％肯定）

Answer 1

在head标签上添加这些风格

<style type="text/css">
  a, img {margin: 0; padding: 0;}
</style>

Answer 2

嗯水平间距很好奇。详细阐述Ishank的答案。

在<head> </head>

之间添加以下内容

<link rel="stylesheet" href="style.css" type="text/css"/>

打开一个新文档并将其保存在与HTML文件名相同的目录中： style.css

将以下内容粘贴到新文档中：

[原始评论] 也许尝试删除浏览器应用的所有填充和边距：

*{
    margin: 0;
    padding: 0;
}

我强烈建议您使用层叠样式表（CSS）。这里有一个开始学习的好资源： WebPlatform.Org: CSS

Answer 3

你可以做一个内部CSS。

<!DOCTYPE html>
<html>
<head>
    <title>Your Page Title Goes Here!</title>
    <style>
    * {
        margin: 0;
        padding: 0;
    }
    </style>
</head>

<body>
<a href="http://www.straight-devel.com/test?Frame=12&amp;SqrXIndex=0&amp;SqrYIndex=0">
    <img src="/2000.png" title="12" alt="12"/>
</a><a href="http://www.straight-devel.com/test?Frame=12&amp;SqrXIndex=0&amp;SqrYIndex=1">
    <img src="/1001.png" title="1" alt="1"/>
</a><a href="http://www.straight-devel.com/test?Frame=12&amp;SqrXIndex=0&amp;SqrYIndex=2">
    <img src="/1100.png" title="1" alt="1"/>
</a><a href="http://www.straight-devel.com/test?Frame=12&amp;SqrXIndex=0&amp;SqrYIndex=3">
    <img src="/1111.png" title="2" alt="2"/>
</a><a href="http://www.straight-devel.com/test?Frame=12&amp;SqrXIndex=0&amp;SqrYIndex=4">
    <img src="/2200.png" title="14" alt="14"/>
</a>
<br/>
</body>
</html>

是<a href=""> causing forced distance?</a>

3 个答案: