2

私のcssはちょっと混乱しており、問題の領域には2つのスタイルシートが適用されています。

何を変更しても右揃えにできないヘッダーがあり、本当に困惑しています。私は問題を解決するのを手伝うことができました。

http://c3it.webuda.com/news_and_events.phpに移動して ctrl+f で「他のイベントを表示」すると、問題の見出しが頑固に左揃えのままであることがわかります。 google chrome プロパティtext-align: rightはアクティブですが、違いはありません。

最初に適用されるスタイルシートはこれです。

そして、私が使用しているページ固有のスタイルシートはこちらです。

私は本当に立ち往生しており、時間をかけて見てくれる人には本当に感謝しています. 以下に特定の<h3>スタイルを示しますが、私が気づいていない他のスタイルが普及しているとしか思えません。

HTML

 <h3 id="expand_other_events">See other events..</h3>

スタイルシート 1 から:

#content h1, #content h2, #content h3{
        color: #2956B2;
        text-align: left;
        font-weight: normal;
        font-family: "Ropa Sans", MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
    }
 #content h3{
        padding: 0.3em 0;
        margin-left: 1.2em;
        display: inline;
        cursor: hand;
        cursor: pointer;
        font: bold 1em 'Rokkitt', serif;
        border-bottom: 1px solid #2956B2;

    }

スタイルシート 2 から:

#news_and_events h3{
    margin: 0;
    padding:0;
}
#news_and_events  p.date,
#news_and_events h3{
    text-align: right;
    font-size: 0.8em;
    color:#aaa;
}
4

3 に答える 3

2

これは、h3 が表示されているのと同じ幅しかないためです。したがって、右/左揃えのテキストは依然として同じ境界を埋めます。

それに a を追加するfloat:right;と、右端まで移動します。

于 2012-08-29T20:34:38.267 に答える
2

あなたはdisplay: inlineそれに設定したので、そのdivの幅全体には及びません。右揃えですがh3、テキストと同じ幅しかありません。

于 2012-08-29T20:39:02.253 に答える
1

h3 をインラインとして設定しているため、次のように変更する必要があります。

display:block;
于 2012-08-29T20:39:34.283 に答える