0
154
ViewsEl texto no se rompe en casos especiales
Tengo el problema de que el texto no se rompe en una ventana emergente hecha con Vue.js que se incluye en el encabezado de esta manera:
El texto se rompe normalmente si incluyo la ventana emergente en la pantalla principal, pero no si lo incluyo en el encabezado. También dibujé un borde alrededor del elemento <p> que contiene el texto y el borde se dibuja correctamente.
Aquí está el código de muestra: https://codesandbox.io/s/cold-feather-3zi3d?file=/src/components/BasicModal.vue
·
Juan Pablo Isaza
3 answers
Answer question0
Podría agregar la siguiente regla de estilo:
white-space: pre-wrap;en :
<p slot="modal-paragraph" style="border-style: solid;whitespace:pre-wrap">
·
Juan Pablo Isaza
Report
0
La clase .header-frame está agregando el css:
.header-frame { white-space: nowrap; }Esta es la razón por la cual el texto no se rompe cuando está dentro del encabezado.
Intenta agregar
white-space: pre-wrap;o
white-space: initial;
·
Juan Pablo Isaza
Report
0
Intenta eliminar:
white-space: nowrap; de la clase header-frame
·
Juan Pablo Isaza
Report
Answer question