显示<a> anchor inline</a>

Question

什么CSS使<a>标签显示在一条线上，而不是彼此之间？ 也许在<li>代码中有一个链接？

Answer 1

我相信你想要：

a {
    display: block;
}

修改

默认情况下，锚点显示为内联，但相关的CSS为：

a {
    display: inline;
}

您还可以使用inline-block，它可以提供更多功能（尽管一些较旧的浏览器支持它很差）。

Answer 2

我为你创建了一个回答第二个问题的例子。

<p id="top">This is the top of the file</p>

<ul> Favourite sports
<li><a href="http://en.wikipedia.org/wiki/Football">Football</a></li>
<li><a href="http://en.wikipedia.org/wiki/Tennis">Tennis</a></li>
<li><a href="http://en.wikipedia.org/wiki/Rugby_football">Rugby</a></li>
</ul>



<p><a href="#top">This link goes to the top</a></p>

标签li指的是列表项。链接在有序和无序列表中的编写方式相同。

Answer 3

如果您想要<li>标记中的链接：

<ul>

<li> 
<a href="#">Link here.</a> 
</li>

</ul>

CSS：

li {
display:inline-block;
}

Example here