Comment diviser un div?

Question

comment diviser une div en deux rangées afin que je puisse ajouter deux grilles !!!! La grille que j'utilise est de TMS.

Answer 1

divs ne fonctionnent pas vraiment comme ça (se divisant en lignes et colonnes). Si vous avez une div, placez les deux grilles à l'intérieur.

<div> 
     <control1/> 
     <control2/> 
</div> 

si vous avez besoin d'ajouter un saut de ligne entre les deux, soit définir le style de Control2 à quelque chose qui va briser (« float: left; clair: left ») ou ajouter un
entre les deux.

Modifier

En réponse à votre commentaire à une autre réponse

OK, je voulais en fait les deux grilles dans une div, je veux dire une grille à droite, l'autre dans le

gauche

Je suppose que vous voulez dire que vous voulez 2 colonnes, pas 2 lignes.

|<-- column -->|<-- column -->| 
    +---------------+--------------+ 
    |    |    |^
    |    |    | row 
    |    |    | v 
    +---------------+--------------+ 

Dans ce cas, vous pouvez gérer l'alignement de deux manières. une façon est de faire flotter les deux contrôles -

<div> 
    <control1 style='float:left' /> 
    <control2 style='float:left' /> 
</div> 

vous pouvez également utiliser inline-block, avec éventuellement de meilleurs résultats, mais il faudrait un peu de tripoter. voir this link pour un traité sur l'alignement des éléments avec le bloc en ligne

Answer 2

Ajouter deux éléments <div> enfant au <div> que vous souhaitez diviser?

Answer 3

La question n'est pas étonnamment claire, mais si je vous lis bien, le plus simple est de mettre deux divs dans votre div. Ainsi, au lieu de:

<div><!-- grid stuff here --></div> 

vous feriez:

<div> 
    <div><!-- stuff for first grid here --></div> 
    <div><!-- stuff for second grid here --></div> 
</div> 

Answer 4

J'ai trouvé la meilleure solution à votre question. La meilleure façon est de faire flotter vos divs à l'intérieur de votre div principal.

exemple:

<div align="left"><div style="float:left">hello</div><div style="float:left">bye</div></div> 

Answer 5

sûrement ce lien va va vous aider à http://methvin.com/splitter/index.html http://stackoverflow.com/questions/10141040/jquery-splitter-change-to-vertical-splitter-on-button -clic http://methvin.com/splitter/hsplitter.html acclamations