Insérer discrètement diviseur vertical dans la disposition
-
25-09-2019 - |
Question
Je souhaite insérer un diviseur vertical gris qui sépare les deux parties de façon égale pour afficher une division logique. Étant donné que le contenu des deux côtés peut varier en hauteur en fonction de ce que l'utilisateur sélectionne, le diviseur doit à l'échelle appropriée -. Autrement dit, ne peut pas être la hauteur fixe
En aparté, idéalement cet élément de style serait quelque chose que je pourrais conditionnellement insérer et à retirer. De toute évidence, une sorte de div donnerait le contrôle de Maximize.
Voici mon code HTML / CSS existant:
La solution
Au lieu d'insérer un élément, je regarde coiffer les deux parties sous forme de colonnes égal hauteur. Utilisez une bordure droite sur le côté gauche, ou la bordure gauche à droite, pour montrer la division.
Voir: CSS - Colonnes de la même hauteur pour obtenir des conseils sur des colonnes de même hauteur . / p>
Autres conseils
Que diriez-vous d'appliquer border-left: 2px solid gray
ou border-right: 2px solid gray
à l'une des colonnes?