2010-11-02 16 views
13

Ho il seguente DIValtezza dinamica per DIV

<div id="products"> 

</div> 

#products 
{ 
    height: 102px; width: 84%; 
    padding:5px; margin-bottom:8px; 
    border: 1px solid #EFEFEF; 
} 

Ora all'interno del DIV, sto in modo dinamico generando 4 link. Ma a volte potrebbero esserci più o meno di 4 collegamenti. Come posso cambiare il CSS per ridimensionare dinamicamente il DIV in base al suo contenuto?

risposta

30

set height: auto; Se si desidera avere un'altezza minima di x allora si può scrivere

height:auto; 
min-height:30px; 
height:auto !important;  /* for IE as it does not support min-height */ 
height:30px;     /* for IE as it does not support min-height */ 
1

Dovresti essere a posto solo per togliere la proprietà di altezza dal CSS.

1

Impostare sia per auto:

height: auto; 
width: auto; 

Rendere:

#products 
{ 
    height: auto; 
    width: auto; 
    padding:5px; margin-bottom:8px; 
    border: 1px solid #EFEFEF; 
} 
1

calcolare il altezza di ogni collegamento no do this

document.getElementById("products").style.height= height_of_each_link* no_of_link 
2

Questo ha funzionato per me AS
HTML-

<div style="background-color: #535; width: 100%; height: 80px;"> 
     <div class="center"> 
      Test <br> 
      kumar adnioas<br> 
      sanjay<br> 
      1990 
     </div> 
    </div> 

CSS -

.center { 
    position: relative; 
    left: 50%; 
    top: 50%; 
    height: 82%; 
    transform: translate(-50%, -50%); 
    transform: -webkit-translate(-50%, -50%); 
    transform: -ms-translate(-50%, -50%); 
    } 

La speranza ti aiuterà anche.