una texto sola separar salto parrafos para pagina misma lineas linea juntar insertar horizontales ejemplos desplazamiento como codigo barra alinear css html overflow

css - texto - salto de linea html



HTML: ¿Cómo crear un DIV con solo barras de desplazamiento verticales para párrafos largos? (8)

Debes especificar el width y height en px :

width: 10px; height: 10px;

Además, puede usar overflow: auto; para evitar que se muestre la barra de desplazamiento horizontal.

Por lo tanto, es posible que desee probar lo siguiente:

<div style="width:100px; height:100px; overflow: auto;" > text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div>

Quiero mostrar términos y condiciones en mi sitio web. No quiero usar el campo de texto y tampoco quiero usar toda mi página. Solo quiero mostrar mi texto en el área seleccionada y quiero usar solo la barra de desplazamiento vertical para bajar y leer todo el texto.

Actualmente estoy usando este código:

<div style="width:10;height:10;overflow:scroll" > text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div>

Dos problemas:

  1. No está arreglando el ancho y alto y se extiende hasta que aparezca todo el texto.
  2. En segundo lugar, muestra la barra de desplazamiento horizontal y no quiero mostrarlo.

Gracias primero

Usar overflow:auto funciona para mí.

la barra de desplazamiento horizontal desaparece.


Para cualquier caso, configure overflow-x como hidden y prefiero establecer max-height para limitar la expansión de la altura de div. Tu código debería verse así:

overflow-y: scroll; overflow-x: hidden; max-height: 450px;


Para mostrar la barra de desplazamiento vertical en tu div, debes agregar

height: 100px; overflow-y : scroll;

o

height: 100px; overflow-y : auto;


Puede usar la propiedad de desbordamiento

style="overflow: scroll ;max-height: 250px; width: 50%;"



para ocultar las barras de desplazamiento horizontales, puede configurar overflow-x en hidden, así:

overflow-x: hidden;


overflow-y : scroll; overflow-x : hidden;

height es opcional