使用css的图像旁边的图像

我有三张图片，第一张是巴西国旗和英语国旗的语言设置。。第三个是我网站的标志

代码：

---

有什么不对劲吗？？它不起作用。

目前，您的三个图像都在同一行中。你没有以任何方式将它们分成两行

我建议在他们自己的div标签中放置语言图标，如下所示：

<div>
    <a class="language" href=""><img  src="assets/images/languag/portuguese.png">Português</a>
    <a class="language" href=""><img  src="assets/images/language/english.png">English</a>
</div>
    <img class="logo" src="assets/images/logo.png">

---

你的问题遗漏了更多信息，但我想就是这样

<style type="text/css">
    .classe1 {
        background-image: url('../../Content/images/carousel2.jpg');
        background-repeat: no-repeat;
        height:100px;
    }
</style>

<div class="classe1">
    <img src="../../Content/images/Icon1.png" alt="" width="40px" />
    <img src="../../Content/images/Icon2.png" alt="" width="40px" />
</div>

就这样吧

HTML

---

如果您不能影响HTML，可以使用CSS：

a + a:after {
    content: "\A";
    white-space: pre;
}

---

因为：：before和：：after不处理像这样的自动关闭标记，所以必须将其添加到第二个

Put，位于第二个和第三个之间line@VincentBeltman那是个可怕的建议。断开标记永远不能用于间距…这就是边距和填充的用途。@Paulie\u D那么它们是用来做什么的呢？-它在文本块内创建换行符

<style type="text/css">
    .classe1 {
        background-image: url('../../Content/images/carousel2.jpg');
        background-repeat: no-repeat;
        height:100px;
    }
</style>

<div class="classe1">
    <img src="../../Content/images/Icon1.png" alt="" width="40px" />
    <img src="../../Content/images/Icon2.png" alt="" width="40px" />
</div>

<div class="wrapit">
    <a class="language" href=""><img src="assets/images/language/portuguese.png">Português</a>
    <a class="language" href=""><img src="assets/images/language/english.png">English</a>
    <img class="logo" src="assets/images/logo.png">
</div>

.wrapit { 
    width: 100px;
    float: left;
}
.wrapit img { width: 100%; float: left; }
.wrapit a { float: left; width: 50%; display: block; }

a + a:after {
    content: "\A";
    white-space: pre;
}