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>

图像显示并对齐，但位于文本下方和文本框之外，我希望它在文章框内但在右侧非常整齐。如果我向文本添加左浮动，则文章框会拉伸，但图像仍位于文本下方。

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 回答