如何限制的DIV是在同一条线上

我有三个的DIV：如何限制的DIV是在同一条线上

<div style="float:left;" id="a"> a </div> 
<div style="float:left;" id="b"> b </div> 
<div style="float:left;" id="c"> c </div>

我想在同一行，但在某些浏览器的所有div，最后DIV来，因为在资料核实内容大小的下降。

如何限制它们在同一行中，即使它们是DIV中的更多内容。在这种情况下，水平滚动条将用于查看所有内容。

感谢

来源

2012-01-13 Awan

把它们放在父母与overflow-x。

来源

2012-01-13 11:21:20 spraff

它显示了主要DIV水平滚动条禁用，即使没有必要。无论如何，它只有在有需要时才会显示。 – Awan 2012-01-13 11:42:04

属性的值应该是“auto”，而不是“scroll”。如果这不起作用，您的浏览器不符合规定。 [Google知道所有信息并告诉所有人。]（https://www.google.com/search?sourceid=chrome&ie=UTF-8&q=css+horizontal+overflow）。 – spraff 2012-01-13 11:44:14

请定义height属性。

来源

2012-01-13 11:22:30

高度定义有什么问题？ – mark1234 2014-06-17 20:55:59

试试这个：

<div style="display: inline-block;">a</div> 
<div style="display: inline-block;">b</div> 
<div style="display: inline-block;">c</div>

来源

2012-01-13 11:27:19 Geoffrey

除非使用css：overflow或[whitespace]（http://www.htmldog.com/reference/cssproperties/white-space/），否则会出现同样的问题。 – ANeves 2012-01-13 11:32:09

你需要用在父DIV您的div，并设置“空白：NOWRAP”就可以了。此外，设置'显示：内联块'为您divs获得所需的效果。

尝试这样的事情，

.parent { 
    white-space: nowrap;  
} 

.child { 
    width: 200px; 
    height: 200px; 
    display:inline-block;  
} 

<div class="parent"> 
    <div class="child" id="a"> a </div> 
    <div class="child" id="b"> b </div> 
    <div class="child" id="c"> c </div> 
</div>

来源

2012-01-13 11:45:30 rahool

如何限制的DIV是在同一条线上

回答

相关问题