html - "correct"在 html 中进行简单的 2 列格式化的方法

Question

这对 CSS 专家来说是一个挑战。我想在我的页面上显示 2 个链接，在同一“行”上，一个在左边，一个在右边。

下面的代码在视觉呈现方面工作得非常好，但我知道用于格式化页面的表格并不是完成的事情。谁能告诉我这个“批准”的标记应该是什么？我猜这真的很简单，但是当我尝试时，我一直在混合我页面的其余部分，并继续返回到表格，因为它需要几秒钟的时间来编写和完成工作，我只是想知道我应该怎么做

(我有一个元素在其上方包含页面标题/导航，另一个元素在其正下方包含一个表单。)

<table width=95%>
    <tr>
     <td>
      <a href="<? echo $url1 ?>">Back to List of Pages  </a>
     </td>
     <td align="right">
      <a href="<? echo $url2 ?>">View this page</a>
     </td>
    </tr>
</table>

---

编辑 - 找到答案!

好的，我已经测试了 Akrikos 和 Magnar 的答案，Magnars 似乎最适合我的情况。我发现使用 Akrikos 的方法我需要在下面放置一个 clear:both 元素，以防止它与下面的 div 合并。此外，很容易将 Magnar 包装在一个

元素中，这样链接就可以与我页面的其余部分相匹配，这在链接和下面的 div 之间提供了必要的空间——我需要在其中放置一些其他的间隔符用 Akrikos 的方法。感谢大家对此的帮助 - 在过去的 40 分钟里我学到了很多东西!

Answer 1

您可以利用两个链接都是单行链接这一事实来避免大量标记。使用此标记:

<div id="navigation"></div>    

<a id="view" href="...">View this page</a>
<a id="back" href="...">Back to List of Pages</a>

<form></form>

还有这个简单的 CSS:

#view {
    float: right;
}

无需清除，也无需指定宽度。

此解决方案仅适用于这种情况:两个链接。如果您需要更多，那么您应该查看一组 float 列表项。