Código sin cortes: truco CSS para evitar saltos de línea en <code>
Preventing line breaks in <code> elements
Alex Chan explica cómo evita que los fragmentos de código en línea se dividan de forma incómoda en su sitio web. Tras notar que su último artículo mostraba trozos como `(?-` y `u:…)`, implementó una solución con una expresión regular que añade la clase `nowrap` a los `<code>` cortos que contienen guiones o espacios, combinada con una regla CSS que usa `text-wrap: nowrap`. El autor detalla el código y la lógica, destacando que prefirió esta opción a reemplazar guiones por guiones no rompibles para no alterar el código al copiarlo.
Estos saltos de línea hacen que el artículo sea más difícil de leer, sin ningún beneficio.