8

私はこのようなhtml構造を持っています：

<div class="campain">
    <div class="campainText">
        <a href="#"><h2>Ny app til iPhone og iPad</h2></a>
        <a href="#"><h2>Tips og vinn</h2></a>
    </div>
    <div class="campainPicture">
        Picture goes here
    </div><div class="clear"></div>
</div>

そして、campainTextを右揃えにします。この要素のcssは次のとおりです。

font-family: 'Spinnaker', sans-serif;
font-size: 17px;
color: #FFFFFF;
background-color: #A2AD00;
display: table;
padding: 4px;
margin: 4px 4px 4px 4px;
text-decoration: none;

私はcssの残りが機能していることを知っています。問題は、display-fieldにtable-optionを含めると、テキストが左揃えになることです。これを削除するとすぐに、期待どおりに機能します。これに対する回避策はありますか、それともdisplay：inlineと<br />tagsを使用する必要がありますか？

4

1 に答える 1

20

フィドル： http： //jsfiddle.net/xbNCZ/

「テーブル+text-align:rightは機能しません」。これは、テーブル要素がデフォルトで全幅に拡大されないためです。追加width:100%して、目的の結果を取得します。

設定前/設定後width:100%。

于 2011-10-14T10:00:39.610 に答える