0
205
Visualizações¿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 Respostas
Responde à pergunta0
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
Relatório
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
Relatório
Responde à pergunta