0
193
Vistas¿Cómo haces que el texto en html sea más pequeño cada vez que no cabe en el contenedor?
Entonces tengo una configuración simple de html y css que se ve así
HTML:
<div class="box"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur, ab! Non esse natus aliquid id est placeat dolorem velit explicabo.</p> </div>CSS:
.box{ height: 100px; width: 300px; background-color: blue; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%) }y se veía así
pero luego, si le agrego más caracteres, se extenderá fuera de los contenedores que se espera
pero, ¿cómo se hace para que si el texto se extendiera, se encogiera para mantenerlo dentro del contenedor?
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Puede eliminar el atributo de altura...
.box{ width: 300px; background-color: blue; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%) } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div class="box"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur, ab! Non esse natus aliquorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur, ab! Non esse natus aliquorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur, ab! Non esse natus aliquorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur, ab! Non esse natus aliquid id est placeat dolorem velit explicabo.</p> </div> </body> </html>
·
Juan Pablo Isaza
Denunciar
0
Simplemente agregue desbordamiento a css.
.box { height: 100px; width: 300px; background-color: blue; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); overflow: scroll; }
·
Juan Pablo Isaza
Denunciar
Responde la pregunta