6 回答 6

15

这应该这样做（text-align: center在父容器中使用的链接居中）：

<div style="margin: 0 auto; text-align: center">
    <a href="http://94.23.250.14:2199/tunein/tranceilfm.pls" 
    id="cc_strinfo_song_tranceilfm" class="cc_streaminfo" 
    style="margin: 0px; display:block;">Loading...</a>
</div>

或者简单地添加text-align: center到元素本身：

    <a href="http://94.23.250.14:2199/tunein/tranceilfm.pls" 
    id="cc_strinfo_song_tranceilfm" class="cc_streaminfo" 
    style="margin: 0 auto; display:block; text-align: center">Loading...</a>


<!-- text-align: center directly on element -->
<a href="http://94.23.250.14:2199/tunein/tranceilfm.pls" id="cc_strinfo_song_tranceilfm" class="cc_streaminfo" style="margin: 0 auto; display:block; text-align: center">Loading...</a>

<!-- text-align: center on parent container -->
<div style="margin: 0 auto; text-align: center">
  <a href="http://94.23.250.14:2199/tunein/tranceilfm.pls" id="cc_strinfo_song_tranceilfm" class="cc_streaminfo" style="margin: 0px; display:block;">Loading...</a>
</div>

小提琴

于 2012-08-04T19:11:32.103 回答
2

尝试将 A 元素封装在 div 中并添加 CSS text-align 属性：

<div style="text-align: center;">
  <a href="http://94.23.250.14:2199/tunein/tranceilfm.pls" id="cc_strinfo_song_tranceilfm" class="cc_streaminfo">Loading...</a>
</div>
于 2012-08-04T19:13:11.263 回答
1

使用百分比左右边距。有关更多详细信息，请查看以下教程： http ://www.w3.org/Style/Examples/007/center.en.html

于 2012-08-04T19:07:43.067 回答
1

要在 CSS 中居中，请确保父元素具有，并且position: relative要居中的元素position: absolute和。这是水平居中元素的基本思想。要垂直居中，您可以使用相同的技术，但使用and ，或者如果它只是文本，则将equal 设置为容器元素的高度。left: 50%margin-left: -width/2top: 50%margin-top: -height/2line-height

于 2012-08-04T19:08:52.813 回答
1 
display: inline-block;
text-align: center; 
margin-left: 50%; 
margin-right: 50%; 
overflow: visible;
于 2017-11-07T13:16:28.623 回答
0

尝试像这样为元素添加宽度：

#cc_strinfo_song_tranceilfm {
width: 90%;
clear: both;
margin: auto;
}
于 2012-08-04T19:08:14.620 回答