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:
- No está arreglando el ancho y alto y se extiende hasta que aparezca todo el texto.
- 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%;"
Ver overflow-y
. Es CSS 3.
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