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にカプセル化し、CSStext-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: absoluteleft: 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 に答える