0

多くの CSS を使用しようとしているページがあります。バックグラウンドとすべてを備えたメインラッパークラスがあり、その中にコンテンツクラスがあります。コンテンツ クラス内には、さまざまな記事の ID があります。これらの記事の中には、画像を右揃えにしたいものがありますが、それができないようです。私が知っていることから

<div class="article">           
    In 1904, Sunderland's management was embroiled in a payment scandaat he would repay the money after his benthe money, claiming it had been a gift. An investigation conducted by the as part of a "re-signing/win/draw bonus", which violated the Association's rules. Sunderland were fined £250 (£20 thousand today), and six directors were suspended for two and a half years for not showing a true record of the club's
    <div class="picha">
            <img src="image/test.png">
    </div>
    </a>
</div>

画像に picha を適用する (つまり、右揃え、境界線を設定する) 必要がありますが、そうではありません。

これはどのように処理されますか？それとも、画像専用ではない ID 内で画像のルールを設定する方法はありますか? つまり、テキストは一方向に処理されますが、その ID に投稿されたすべての画像は特別な扱いを受けます。

編集 - そう更新された試み: css には:

div.article {

    border: solid;
    background-color:red;
    }

div.article img{ 
    border: 10px solid #f1f1f1;
    float: right;
    }

ページには次のものがあります。

 <div class="article"> 
 <a name="article1">
             random text
        <img src="image/test.png">
</a>
</div>

画像は右に表示され、配置されますが、テキストの下でテキストのボックスの外側にあります。記事ボックスの内側で右にきれいに配置したいと思います. テキストに float left を追加すると、記事ボックスは伸びますが、画像はテキストの下に残ります。

edit2-そして私は愚かな初心者です。テキストの前に画像が必要でした。終わり！

4

2 に答える 2

2

このネストされた div にアクセスしたい場合は、@Aquillo が言ったように行うことができます。

または、次のようにします。

.article .picha
{
 /*Your css*/

}

と

.article .picha img
{
 /*Your img css*/

}
于 2013-04-29T07:51:28.823 に答える
1

なぜ使わないのですか?:

div.article {
    // This applies to all content
}

div.article img {
    // This applies to the image
}

div.article span {
    // This applies to everything inside a span
}

次のようにスパン内にテキストを書くことができます。

<div class='article'>
    <img src='' />
    <span>My text</span>
</div>

この方法では、ラッピングは必要ありませdivんimage。

于 2013-04-29T07:45:33.393 に答える