如何在CSS中锚定元素？
我只是想在屏幕中间水平放置我的锚，我该怎么做？
<a href="http://www.example.com">example</a> 将text-align css属性添加到其父types属性
例如：
<div style="text-align:center"> <a href="http://www.example.com">example</a> </div><div style="text-align:center"> <a href="http://www.example.com">example</a> </div>
或者使用一个类（推荐）
<div class="my-class"> <a href="http://www.example.com">example</a> </div><div class="my-class"> <a href="http://www.example.com">example</a> </div>
.my-class { text-align: center; }
看下面的工作例子：
.my-class { text-align: center; background:green; width:400px; padding:15px; } .my-class a{text-decoration:none; color:#fff;}
<!--EXAMPLE-ONE--> <div style="text-align:center; border:solid 1px #000; padding:15px;"> <a href="http://www.example.com">example</a> </div> <!--EXAMPLE-TWO--> <div class="my-class"> <a href="http://www.example.com">example</a> </div><!--EXAMPLE-ONE--> <div style="text-align:center; border:solid 1px #000; padding:15px;"> <a href="http://www.example.com">example</a> </div> <!--EXAMPLE-TWO--> <div class="my-class"> <a href="http://www.example.com">example</a> </div><!--EXAMPLE-ONE--> <div style="text-align:center; border:solid 1px #000; padding:15px;"> <a href="http://www.example.com">example</a> </div> <!--EXAMPLE-TWO--> <div class="my-class"> <a href="http://www.example.com">example</a> </div>
这样写：
<div class="parent"> <a href="http://www.example.com">example</a> </div>
CSS
.parent{ text-align:center }
两种select，有不同的用途：
HTML：
<a class="example" href="http://www.example.com">example</a>
CSS：
.example { text-align: center; }
要么：
.example { display:block; width:100px; margin:0 auto;}
尝试包围一个div，并将这些样式添加到div：
width: 100%; text-align:center;
<span style="text-align:center; display:block;"> <a href="http://news.awaissoft.com">Awaissoft</a> </span>
默认情况下，锚点呈现为内联，因此设置text-align: center; 在最近的祖先，作为一个块。
有很多方法。
<!-- Probably the most common: --> <div style="text-align: center;"><a href="...">Link</a></div> <!-- Getting crafty... --> <a href="..." style="display: block; text-align: center;">Link</a></div>
也可能有其他的方式，但这三个可能是最常见的。
尝试
margin: 0 auto; display:table
希望帮助别人。
你可以试试这个代码：
/**code starts here**/ a.class_name { display : block;text-align : center; }
style="margin:0 auto; width:auto;" 试试看
我认为你不能用内联元素，如锚点，跨度来做到这一点。 但要使其工作，你必须设置显示屏。
<a href="http://www.example.com" style="text-align:center;display:block;">example</a>
CSS不能直接应用于锚标记的alignment。 css（text-align：center;）应该应用于父div /元素，以便在锚标记上进行alignment效果。
只要把它放在中心标签之间：
<center>><Your text here>></center>
