浮动DIV问题

我与它的动态内容的浮动DIV。在第一行中，我需要四个div，类似于第二，第三，第四等...我需要四个div。我可以给一个div分配一个类，它会自动生成其余的div。我的问题是我可以将最小高度设置为div，但我无法设置最大高度，因为内容是动态创建的。如果内容很低，divs不会排成一排。出于这个原因，未来的divs也会遇到问题，如何安排这些div？浮动DIV问题

来源

2009-07-13 Harry

这里有一个概念。向我们展示一些代码以展示您正在使用的内容，并向我们展示一个屏幕截图来展示您的问题。请？ – 2009-07-13 06:20:26

你可以做的一件事是固定高度，并使用overflow设置为hide的CSS属性来隐藏文本，并使用title属性在工具提示中显示整个文本。

来源

2009-07-13 04:41:54 Kirtan

我不能有一个固定的高度，因为当内容很低时，会有很多间距... – Harry 2009-07-13 05:34:31

让我们开门见山。您有多个行在每4个格 - 我们姑且称之为细胞只是为了好玩。您希望在具有动态内容的情况下，其整个行的高度相同。我要在这里出去，建议你用桌子。

来源

2009-07-13 05:00:00 ChssPly76

嗯。但是，当内容不足时，他也会有很多间距，他不需要。请参阅以下答案的评论。 – Kirtan 2009-07-13 05:43:13

我相信他对你的答案评论意味着，如果他设置一个固定的高度*足够大*，以适应最长的内容作任何的div的，那么在这种情况时，在*所有div内容*原来是较短的，他他们之间会有间隔。他真正想要的是让一个div（内容最长的那个）高到足以容纳其内容而没有空格，其他所有的div都与这个div相同（并且具有空格）。换句话说 - 经典的表格行为。没有表格的唯一方法就是通过JS，只有CSS的解决方案是不可能的。 – ChssPly76 2009-07-13 16:33:18

在第一个div的新行，添加clear:both;。这将使所有的div在一排。

div {float:left;border:1px solid #000;margin:20px;width:100px;} 
.clear_both{clear:both;} 
.one {height:100px;} 
.two {height:50px;} 
.three {height:200px;} 
.four {height:150px;} 

<div class="one"></div> 
<div class="two"></div> 
<div class="three"></div> 
<div class="four"></div> 
<div class="two clear_both"></div> 
<div class="three"></div> 
<div class="four"></div> 
<div class="one"></div>

来源

2009-07-13 11:01:46 Emily

浮动DIV问题

回答

相关问题