Cómo justificar texto sin grandes huecos en Dreamweaver

Escrito por sarai jeremiah | Traducido por maría marcela mennucci
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo justificar texto sin grandes huecos en Dreamweaver
Configura la alineación del texto en tu página web. (Comstock/Comstock/Getty Images)

Aunque la alineación izquierda es el estilo predeterminado en Dreamweaver, también se ofrecen la alineación derecha, centrada y justificada. Justificar texto en Dreamweaver significa hacer que el texto se extienda hasta los márgenes derecho e izquierdo. Como el largo de cada línea de texto en un párrafo suele diferir, Dreamweaver inserta grandes huecos entre las palabras en las líneas más cortas al justificar el texto para hacer que las líneas queden parejas. Aunque escribir párrafos anchos en lugar de los angostos puede eliminar algunos huecos grandes al usar el formato HTML, usar el CSS para cambiar el modo en que Dreamweaver define el espacio y la configuración de alineación elimina los grandes huecos más eficazmente.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

    Usar el formato HTML

  1. 1

    Abre en Dreamweaver el archivo que contiene el texto que quieres justificar.

  2. 2

    Coloca el indicador del mouse al comienzo del texto o resalta el texto usando tu mouse.

  3. 3

    Haz clic en "Formato" en la parte superior de la pantalla de Dreamweaver.

  4. 4

    Deslízate por el menú desplegable y haz clic en "Alinear", y luego en "Justificar" en el menú lateral.

  5. 5

    Haz clic en "Archivo" en la parte superior de la pantalla de Dreamweaver y selecciona "Guardar" o "Guardar como" para guardar tus cambios.

    Usar formato CSS

  1. 1

    Abre en Dreamweaver el archivo que contiene el texto que deseas justificar.

  2. 2

    Haz clic en "Ventana" en la parte superior de la pantalla Dreamweaver.

  3. 3

    Deslízate por el menú desplegable y haz clic en "Estilos CSS" para abrir el panel de estilos CSS.

  4. 4

    Haz clic en el botón "Actual" en el panel de estilos CSS.

  5. 5

    Haz doble clic en la regla o propiedad —como .text— que refleje el texto que deseas justificar.

  6. 6

    Espera a que se abra el cuadro de diálogo Definición de Reglas CSS, luego haz clic en "Bloque" debajo del menú Categoría en la izquierda.

  7. 7

    Define las siguientes propiedades de estilo en la pantalla Bloque: Word-spacing: = "-2px;" Letter-spacing: = "0px;" Text-align = "Justify;" White-space = "Normal". Deja las otras propiedades en blanco porque no afectan los huecos en el texto.

  8. 8

    Haz clic en "Archivo" en la parte superior de la pantalla y selecciona "Guardar" o "Guardar como" para guardar tus cambios.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles