☰

div 内の span 要素を水平方向に中央揃えにするにはどうすればいいですか? 質問する

tag-icon • tag-icon css
div 内の span 要素を水平方向に中央揃えにするにはどうすればいいですか? 質問する

「ウェブサイトを表示」と「プロジェクトを表示」という 2 つのリンクを周囲の div の中央に配置しようとしています。これを機能させるには何をすればよいか、誰か教えていただけますか?

JS フィドル:http://jsfiddle.net/F6R9C/

html

<div>
  <span>
    <a href="#" target="_blank">Visit website</a>
    <a href="#">View project</a>
  </span>
</div>

CS

div { background:red;overflow:hidden }

span a {
    background:#222;
    color:#fff;
    display:block;
    float:left;
    margin:10px 10px 0 0;
    padding:5px 10px
}

ベストアンサー1

もう一つの選択肢は、スパンを指定しdisplay: table;て中央に配置することです。margin: 0 auto;

span {
    display: table;
    margin: 0 auto;
}

おすすめ記事