如何使用HTML對齊超鏈接？

Question

我有3個超級鏈接。 我希望一個在左​​側對齊，一個在中央對齊，最后一個在右側對齊； 對稱地全部集中在一條線上。 我使用ALIGN =“ CENTER”等將標題居中。但是經過一些研究，我發現元素（A）不一定能將其識別為命令。 那么，獲取這些超鏈接以符合我所需方式的正確方法是什么？ 從字面上看，這是我使用HTML或任何種類的編程語言的第一天。 感謝您的幫助和耐心，謝謝。

Answer 1

有許多方法可以根據標記進行，但是最常見的方法涉及使用浮點數或絕對定位。 由於您沒有提供任何開始的代碼，因此我僅向您提供一個基本示例。

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/

Answer 2

有幾種方法可以做到這一點，一個表就是一個表，但這是一種快速的方法。 但是沒有響應。

JS小提琴

 .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> 

Answer 3

據我了解：您的代碼如下所示：

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

如果您希望鏈接的對齊方式為您提到的格式，請在標簽中包含內容。

例如：

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