0

我的问题是我想内联显示的图像以列表形式显示。我不知道我做错了什么，因为在我看来一切都是正确的。

html

<div class="loga">
<img style="display:inline;" src="photos/logoWUT_czarne.PNG" width="370" height="135">
<img style="display:inline;" src="photos/bosch_logo_gray.png" height="115" width="380" >
<img style="display:inline;" src="photos/general-electric-logo-png_gray.png" height="115" width="115" >
</div>

CSS

.loga {
    display: inline-block;
}

我的代码一定有问题，因为它在任何浏览器中都不起作用。

4

4 回答 4

0

事实证明，<br>在行的每一端添加标签是 Drupal 的“功能”，即使在“完整 HTML”模式下也是如此。要禁用它，您必须转到管理>配置>输入格式，选择“完整 HTML”右侧的“配置”，然后取消选中标有“换行符转换器”的框。现在一切正常。

于 2013-10-21T14:55:28.550 回答
0

如果您出于问题以外的其他原因不给 .loga div 样式内联块，只需将其删除。默认显示属性是块。他们已经内联了。但由于线宽，他们不得不下降到第二行。所以你所要做的就是通过给它一个 width:100% 或 width:500px 等来放大 .yoga...

于 2013-10-21T14:53:44.223 回答
0

图像默认显示属性 - inline-block。

img {
   display: inline-block; 
}

试试看：

.loga {
    display: block;
    width: 900 px;
}
于 2013-10-22T08:49:56.863 回答
0

是否有足够的宽度body或任何父标签或浏览器窗口？你可能想要这个，

http://i.imgur.com/fSrShkT.png

但如果没有足够的宽度，它可以像这样显示

http://i.imgur.com/Fdx6jgS.png

于 2013-10-21T14:46:45.893 回答