CSS如何让所有元素在同一行显示?

11

我想知道保持所有内容同一行的最简单方法是什么?我的所有内容都堆叠在一起。

我将5张图片放在同一个div中,但它们仍然互相重叠。

谢谢!


15
代码?链接?我们并非能够心灵感应。 - Tyler Eaves
4个回答

16

将应该在一行上的“everything”周围放置一个div,并为该div添加以下CSS:

everythingOnOneLine {
 white-space: nowrap;
}

everythingOnOneLine * {
 display: inline;
}

4
你可能是指

div img {
display:inline;
}

3
您可以将图像的浮动样式设置为左侧:
<img style="float:left" src="" />

2
如果您设置display: inline-block,则可以同时使用inline级别和block级别元素的最佳功能。
这意味着:所有内容都在一行中,但可以设置widthheight。适用于所有元素,如列表条目或div元素。不仅仅是图片。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接