Tecnología

Inicio

Cómo hacer Div de tamaño variable en CSS2

El CSS2 "redimensionar" clase le permite crear componentes div que los usuarios pueden cambiar el tamaño desde el navegador Web. Puede permitir que el usuario cambiar el tamaño de la anchura, altura o ambas cosas. Cuando una etiqueta div tiene el conjunto de clases de tamaño, un pequeño indicador en las pantallas div, y el usuario hace clic en el indicador y arrastra el div al tamaño deseado.

Instrucciones

1 Haga clic en la página HTML que contiene el div que desea editar. Haga clic en "Abrir con", y luego haga clic en el programa de edición de HTML en el submenú.

2 Crear la clase div. Agregue el código siguiente a la sección de la etiqueta HTML "cabeza":

<Script type = "text / css">

div.resize {

reSIZE ambos;

}

El código de seguridad permite al usuario cambiar el tamaño del div en ambas direcciones.

3 Vincular la nueva clase de cambio de tamaño con el elemento div. El código siguiente es un ejemplo de una etiqueta div vinculado a la nueva clase:

<Div class = "redimensionar"> Mi contenido </ div>