0
299
VistasEl contenido de texto desborda su etiqueta de elemento
Aquí está el código. Está en Angular si eso tiene algo que ver con eso. La altura real del texto desborda el elemento que lo contiene.
#website-title { text-align: center; // font-family: "Roboto-Mono"; font-size: 50px; margin: 0; position: absolute; top: 50%; } <p id="website-title">Poll App</p>resultado:
Quiero que el elemento sea la altura del contenido.
ACTUALIZACIÓN: Redujo el problema a Material angular. Todo está bien antes de hacer ng add @angular/material . Luego, después de agregar material y reiniciar el servidor, aparece el problema.
2 Respuestas
Responde la pregunta0
Por defecto, la etiqueta p se expandirá para ajustarse a su contenido. Entonces, a menos que haya configurado explícitamente la altura de la etiqueta p para que sea más pequeña que el contenido del texto, el texto no se desbordará.
Intente verificar si ha establecido una altura en la etiqueta p .
0
Encontré la solución, pero no sé por qué soluciona el problema.
El problema tenía que ver con la tipografía de Angular Material (se instaló Angular material). Sol'n: vaya a index.html y elimine class="mat-typography" de la etiqueta del cuerpo.