Tecnología

Inicio

Cómo hacer desplazamiento horizontal con CSS

June 26

En muchos sentidos, el desplazamiento horizontal es más sencilla cuando se está utilizando el formato solamente Hypertext Markup Language (HTML), debido a que el desplazamiento horizontal se inicia automáticamente cuando el contenido de una página va más ancho que el marco de la página. Al crear un documento que utiliza ambos Cascading Style Sheets (CSS) y HTML, es necesario hacer algunos cambios en el CSS para que el documento sabe que debe desplazarse horizontalmente. Una página que no tenga que desplazarse horizontalmente es más fácil de usar.

Instrucciones

1 Ingrese a su servidor web, y abra la página HTML en la que desea hacer posible el desplazamiento horizontal.

2 Haga clic en la sección <head> de la página, e insertar este código:

<Style type = "text / css">

div.scroll

{

Anchura: 100px;

altura: 100px;

desbordamiento-x: desplazarse;

desbordamiento-y: para desplazarse;

}

</ Style>

3 Haga clic en la sección <body> de la página, e insertar este código:

<Div class = "scroll"> Todo el texto entra en esta sección de la página. </ Div>

4 Reemplazar "Todo el texto entra en esta sección de la página" con el texto que desea ser capaz de desplazarse horizontalmente.

5 Publicar la página.