ubiquitour.com

Cómo ocultar desbordante contenido mediante CSS

El "desbordamiento" estilo CSS le permite ocultar el contenido que se extiende más allá del contenedor HTML. Por ejemplo, si utiliza una etiqueta div para contener el contenido, la propiedad overflow "ocultos" trunca y oculta el resto del texto que se extiende más allá de la anchura o altura de la div. Establecer los estilos CSS en sus etiquetas para anular cualquier diseños existentes en la página.

Instrucciones

1 Haga clic derecho en el archivo HTML que contiene el contenido que desea editar. Haga clic en "Abrir con" y haga clic en el editor de HTML en la lista de programas.

2 Desplácese hacia abajo para el contenido que desea truncar. Si no tienes un contenedor div alrededor de su contenido, puede añadir uno. Integrar su contenido dentro de la etiqueta HTML siguiente:

< div id = "contenedor" >< / div >

3 Agregue el estilo de "desbordamiento" a la etiqueta div. El siguiente CSS se añade a la etiqueta div y le muestra cómo ocultar el contenido que desborda en la etiqueta div:

estilo = "overflow: hidden;"

4 Guardar los cambios CSS y abra el archivo en el explorador Web. Tenga en cuenta el contenido que pasa al final del div está oculto a la vista.