Div内容在一行？

Question

如何将DIV的内容全部留在一行？ 我见过其他帖子，但我能搞清楚我做错了什么？

这是指向有问题的页面的链接： http://www.heatx.org/productcart/pc/viewCategories.asp?idCategory=2

Answer 1

我认为这个问题是由于div内部的图像造成的。将display:inline设置为这些图片。

Answer 2

通过将float: left;添加到#pcIconBarRight img和#pcIconBar a来确定您的链接。这应该解决你的问题。

编辑：

然后改变这个：

这个：

EDIT2： 要在一行中显示两个div，您可以这样做：

<div style="float: left; width: 200px;">
    <div style="float: left; clear: none;">Total:&nbsp;</div>
    <div style="float: left; clear: none;">159 USD</div>
</div>

注意：width: 200px;你应该设置足够大的宽度以使内部div适合，否则它会将第二个div分成下一行。

Answer 3

请将此内容添加到您的css文件底部

table{
margin: 0 auto;
}

将您的网站对齐

你的菜单没有出现！

Answer 4

回答OP的问题有点晚了。这对有相同问题的其他人很有用。

因此，要使所有元素都显示在一行上，最简单的方法是：

1. 在父元素上设置空白：nowrap; overflow-x：auto; 。
2. 在所有子元素上设置显示：内嵌式。

结果：

Fiddle

 <div style="width:100%;white-space:nowrap;overflow-x:auto;border: 1px solid red; border-radius: 10px;padding: 3px;">
   <label style="display: inline-block">Some label </label>
  <select style="display: inline-block">
    <option value="0">aaaaa</option>
    <option value="1">bbbbbb</option>
    <option value="2">ccccccccc</option>
  </select>
  <label style="display: inline-block">Another label: </label>
  <input type="text" style="display: inline-block;width:200px;" />
  <span style="display: inline-block">NOTE: some other text</span>
</div>