Tecnología

Inicio

Cómo Espacio DIV contenedores

Divs son elementos HTML son creadas por la etiqueta "<div>", y estas etiquetas crean secciones separadas del contenido de las páginas Web. diseños de página complicadas requieren muchos divs, incluyendo divs que anidan dentro de otros divs. Los desarrolladores web llaman divs que envuelven alrededor de otros "contenedores" o "envolturas", y muchos diseños utilizan un div que envuelve toda la página para un mejor control. Usted puede espaciar estos contenedores utilizando código CSS (Cascading Style Sheet). Set flotadores y los márgenes para alinear divs y espacio alejados el uno del otro.

Instrucciones

1 Abra la página Web en el Bloc de notas o un editor de código. Localización de los contenedores div:

<Div id = "left">

El contenido del div "izquierda"

</ Div>

<Div id = "right">

El contenido del div "derecha"

</ Div>

Encuentra el nombre de identificación de cada div desea liberar espacio, y darle un nombre de identificación a cualquier div que aún no tiene una.

2 Localizar "<style>" etiquetas "entre los <head>" etiquetas de su página Web, y añadirlos si encuentra ninguno:

<Style type = "text / css">

</ Style>

3 Escribe las reglas de estilo entre los "<style>" etiquetas. Seleccione cada div por su nombre de identificación con el prefijo un símbolo de hash:

izquierda {

}

derecho {

}

4 Línea divs lado a lado usando la propiedad "flotar" si es necesario:

izquierda {

flotador izquierdo;

}

derecho {

flotar derecho;

}

5 Establecer la propiedad "margen" en cada regla de estilo para cambiar los márgenes de su divs. Puede utilizar la abreviatura "margen" propiedad o conjunto cada margen por separado:

izquierda {

margin-left: 20px;

}

derecho {

margen: 20px;

}

En el ejemplo anterior, el div "izquierda" consigue un margen de 20 píxeles en su lado izquierdo solamente, mientras que el div "derecho" consigue un margen de 20 píxeles por los cuatro costados.

Consejos y advertencias

  • Evitar la reutilización de los nombres de identificación en código HTML. Hacer cada nombre de identificación único y fácil de recordar.
  • Copias de seguridad de su página Web antes de modificar su código.