columas css和空白排序

时间:2013-12-18 23:32:19

标签: css html

英文版goog ... traslator 我需要你的帮助,我有一个父母div。 包含另一个div并转换它们包含图像和文本以最好地表示将调用块,并具有此功能,因为它的高度始终与另一个块不同。

父div css我把这些参数

         line-height: 0px;
-webkit-column-count: 8;
-moz-column-count: 8; 
-Ms-column-count: 8;
column-count: 8;
-webkit-column-gap: 0px;    
-moz-column-gap: 0px; 
-Ms-column-gap: 0px; 
column-gap: 0px;

我把div块这些

     width: 190px;
 display: inline-block;
distruyen碰巧正在完成他的专栏,并且foulbrood欲望是均匀分布的。链接中的示例图像失败

ing ingles necesito de su ayuda,tengo un div padre。 que contiene a otros div y que a su vez estos contienen imagenes y texto para representarlos mejor los llamare bloques,y como tienen esta caracteristica su altura es siempre diferente con respecto de otro bloque。

al div padre le puse estos parametros css

    line-height: 0px;
-webkit-column-count: 8;
-moz-column-count: 8; 
-Ms-column-count: 8;
column-count: 8;
-webkit-column-gap: 0px;    
-moz-column-gap: 0px; 
-Ms-column-gap: 0px; 
column-gap: 0px;

al div bloque le puse estos

 width: 190px;
display: inline-block;

sucede que se distruyen completando su columna,y loque deseo es que se distribuyan uniformemente。 dejare una imagen de ejemplo en el link

enter link description here

1 个答案:

答案 0 :(得分:0)

据我了解,你只需要设置这个父div的确切大小,然后设置所有其他的%,所以他们会根据该div调整大小。