Discretamente insertar divisor vertical en el diseño
-
25-09-2019 - |
Pregunta
I desea insertar un separador vertical gris que divide las dos partes de manera uniforme para mostrar una división lógica. Puesto que el contenido en los dos lados puede variar en altura dependiendo de lo que el usuario selecciona, las necesidades de divisor a escala apropiadamente -. Altura en otras palabras, no puede ser fijo
Como acotación al margen, idealmente este elemento estilo sería algo que condicionalmente pude insertar y quitar. Obviamente algún tipo de div daría el control de maximizar.
Aquí está mi código HTML / CSS existente:
Solución
En lugar de insertar un elemento, me vería en peinar los dos lados como columnas tengan la misma altura. Use un border-right en la parte izquierda, o hacia la izquierda de las fronteras de la derecha, para mostrar la división.
Ver:?. CSS - Columnas igual altura de orientación sobre columnas tengan la misma altura
Otros consejos
¿Qué hay de aplicar border-left: 2px solid gray
o border-right: 2px solid gray
a una de las columnas?