如何在不使用CSS的情况下将3个链接放在HTML的同一行中

时间:2018-10-04 09:08:03

标签: html html5

我需要在不使用CSS的情况下将3个链接放在同一行中,如左,中和右对齐。


是这样,希望对您有帮助

the text are 3 links

3 个答案:

答案 0 :(得分:0)

如果您真的想在不使用任何CSS的情况下完成所有这些操作,则可以使用表。

<table>
  <tr>
    <td>First link</td>
    <td>Second link</td>
    <td>Third link</td>
  </tr>
</table>

否则,如果您想要间距和图像示例中的全部内容,那么实际上没有太多选择。我也不建议过多使用表格,因为这些天几乎所有内容都应该对移动设备响应,并且表格很难适应320px的屏幕宽度。

答案 1 :(得分:0)

这是非常糟糕的做法。链接列表不是表格数据。 HTML不是布局工具。这是1996年的工作方式。网络现在(在某些方面)更好,我们现在不以这种方式来做。


可能会破坏具有表和过时的表现属性的布局。但是,该数据不是表格格式的,因此对于屏幕阅读器和搜索引擎来说是不好的食物。

它也不是HTML5。HTML5无法实现您想实现的目标。这是HTML 4.01 Transitional,它在20年前发布时,只是在人们改过自新时才作为一个权宜之计。使用CSS进行演示。

<table width="100%">
  <tr>
    <td width="33%"><a href="/">A link</a></td>
    <td width="34%" align=center><a href="/">A link</a></td>
    <td width="33%" align=right><a href="/">A link</a></td>
  </tr>
</table>

答案 2 :(得分:-1)

假设您可以添加内联样式,就可以使用

<div>
<a href="" >firstlink</a>
<a href="" style ="text-align: center;
    width: 90%;
    display: inline-block;
    margin: auto;">secondlink</a>
<a href="" >thirdlink</a>
</div>

否则,您可以使用社区Wiki答复的人