如何使用HTML对齐超链接?

时间:2015-03-04 18:29:22

标签: html alignment anchor

我有3个超链接。我想要一个左对齐,一个在中心对齐,最后一个对齐到右边;所有在一条线上,对称。我使用ALIGN =" CENTER"但经过一些研究后我发现元素(A)并不认识到这是必然的命令。那么,获取这些超链接以符合我需要的方式的正确方法是什么?这实际上是我第一天使用HTML或任何类型的编程语言。感谢您的帮助和耐心,谢谢。

3 个答案:

答案 0 :(得分:0)

根据标记的不同,有很多方法,但最常见的方法是使用浮点数或绝对定位。由于您还没有提供任何代码,我只想给您一个基本的例子。

HTML:

<div class="wrapper">
    <a class="pull-left">Left Link</a>
    <a>Center Link</a>
    <a class="pull-right">Right Link</a>
</div>

CSS:

.wrapper { text-align: center; }
.pull-left { float: left; }
.pull-right { float: right; }

JSFiddle:https://jsfiddle.net/x4hrgdaL/

答案 1 :(得分:0)

有几种方法可以做到这一点,一个表就是一个,但这种方式很快。但是没有回应。

JS Fiddle

.hyperlink {

  display: inline-block;

}

.one {

  text-align: left;

  width: 30%;

}

.two {

  text-align: center;

  width: 30%;

}

.three {

  text-align: right;

  width: 30%;

}
<div class="hyperlinkContainer">
  <a class="hyperlink one" href="#">Hyperlink 1</a>
  <a class="hyperlink two" href="#">Hyperlink 2</a>
  <a class="hyperlink three" href="#">Hyperlink 3</a>
</div>

答案 2 :(得分:-1)

根据我的理解:您的代码如下所示:

<a align="left">link1</a> <a align ="center">link 2</a> <a align="right">link 3</a>

如果您希望链接的对齐方式采用您提到的格式,请在标记中包含内容。

前:

 <div align="left"><a>link1</a></div>