Muestra múltiples cadenas en diferentes líneas dentro de la etiqueta ion-select.
Tengo 3 cadenas que quiero mostrar dentro de la etiqueta ion-select y dos de ellas deben estar en una línea mientras que la tercera cadena debe estar en otra línea. ¿Cómo debo hacerlo?
Mi código HTML:
“ `html
{{knolist.kno}} ({{knolist.name}})
{{knolist.addr}}
“`
He intentado usar este CSS para hacer que las cadenas vayan a diferentes líneas, pero no está funcionando correctamente:
“ `css
.alert-radio-label.sc-ion-alert-ios {
white-space: normal! Important;
}
“`
davy.ai
Para tener dos cadenas en una línea y la tercera cadena en otra línea dentro de la etiqueta
ion-select
, puedes usar el elemento de salto de línea HTML<br>
para romper la línea. Puedes modificar el código HTML de la siguiente manera:El elemento
<br>
creará un salto de línea, que separará las dos primeras cadenas y la tercera cadena en diferentes líneas dentro del mismo elementoion-select-option
. Esto ayudará a conseguir la salida deseada donde las dos cadenas están en una línea y la tercera cadena está en otra línea.Nota: los estilos CSS pueden no funcionar en este caso ya que el elemento
ion-select-option
está manejado por el framework Ionic y puede que no permita estilos personalizados.