Evite los saltos de línea con CSS
- truco css en un componente React🧚
Recientemente encontré un problema interesante, digamos, hay algunos elementos de la lista para mostrar usando el código básico de React como se muestra a continuación 👇
- ...
✨ Tenga en cuenta que esos elementos deben estar uno al lado del otro (en línea y, por supuesto, sin saltos de línea ) como el resultado a continuación👇
Escribí un CSS simple: ✏️
Y el resultado fue 💥
¿Ves los saltos de línea ? Bastante feo ...
🤞 Aquí viene mi solución simple:
¡Eso es! 🌸
La white-spacepropiedad CSS establece cómo se maneja el espacio en blanco dentro de un elemento, colapsa el espacio en blanco, pero no permite el ajuste.
La overflowpropiedad abreviada de CSS establece el comportamiento deseado para el desbordamiento de un elemento, es decir, cuando el contenido de un elemento es demasiado grande para caber en su contexto de formato de bloque, en ambas direcciones.
La text-overflowpropiedad CSS establece cómo se indica a los usuarios el contenido de desbordamiento oculto. Puede recortarse, mostrar puntos suspensivos (' …') o mostrar una cadena personalizada.
Ese fue un truco css simple y rápido, ¡espero que lo disfrutes! 💫
¡Gracias por leer!
Suggested posts
Evitar las consecuencias devastadoras de un derrame cerebral: aprender del viaje de una familia.
Introducción Un accidente cerebrovascular es una emergencia médica que puede afectar a cualquier persona en cualquier momento. Ocurre cuando se interrumpe el flujo de sangre a una parte del cerebro, lo que lleva a una pérdida repentina de la función cerebral.
Hoja de estilo del café: el café como color
En esta tonta infografía, imagino cómo se podría expresar el café si se representara de manera similar a los colores CSS.
Dicen que los desarrolladores podrían trabajar solo por café. No creo que eso sea cierto (pero tal vez tampoco demasiado).
Related posts
El primer libro para niños sobre drogarse
(Advertencia: esto es una sátira, con la intención de ser alegremente subversivo; definitivamente no es para niños) Has visto a tu mamá y papá esconderse en la cocina y fumar esos cigarrillos malolientes. ellos te dicen
El asesinato de Jordan Neely y el problema del racismo “patriótico”
¿Puede Estados Unidos dar el paso esencial de no equiparar el comportamiento racista con ser un buen estadounidense?
[Alerta de activación: este ensayo incluye capturas de pantalla de personas que elogiaron al asesino de Jordan Neely.] Los funcionarios encargados de hacer cumplir la ley finalmente, y quizás a regañadientes, acusaron a Daniel Penny, el hombre que estranguló a Jordan Neely hasta que murió, por ese homicidio.
No más contraseñas: cómo las claves de acceso reemplazarán su contraseña
Para evitar ambigüedades se utilizarán los siguientes términos; autenticador; El teléfono móvil que se utiliza para realizar el inicio de sesión en el sitio web; El sitio web o la aplicación que el usuario está utilizando para realizar el servicio de solicitud de inicio de sesión; El proveedor que proporciona el servicio dado, por ejemplo
La persecución de los cristianos: el crimen de odio del que no hablamos
Olvídate de la islamofobia: los cristianos (y los judíos) son las principales víctimas de los delitos de odio religioso.
Cualquier mente racional sabe que los círculos políticos y mediáticos están dominados por la izquierda, incluso por la extrema izquierda, una situación que crea un desequilibrio en el discurso político. En el campo de la religión, este desequilibrio es claramente visible: los periódicos y las redes de izquierda no se apresuran a defender la fe cristiana.