Espacio de ancho cero | Programar Plus

El nombre espacio de ancho cero es antitético, pero no está exento de usos. En el texto, tal vez lo usaría alrededor de las barras porque desea asegurarse de que las palabras se traten individualmente pero que no tengan ningún espacio físico alrededor de la barra:

Esa es una imagen. WordPress estaba siendo extraño al respecto y no escapaba incluso cuando estaba en un bloque de código.

Sin embargo, eso es bastante teórico, nunca tuve la necesidad de hacer eso. Podría ser útil en una palabra larga para sugerir que se puede romper allí … pero eso también es raro ya que tenemos el guión suave (­) que está diseñado para eso y deja un guión típicamente apropiado en la ruptura.

Lo que tuve que hacer es exactamente lo contrario: engañar a un sistema para que piense que una sola palabra son dos palabras. Al igual que en Twitter, si escribo @nombre de usuario o #hashtag en el texto de un tweet, se vincularán respectivamente. Pero no siempre quiero eso. En CSS Twitter, es posible que desee hacer referencia a una consulta de @media o mostrar un selector de # id. Lanza un espacio de ancho cero entre los símbolos y el texto y estoy listo.

Obtenga un espacio de ancho cero en su portapapeles

Aquí hay un bolígrafo que creé hace mucho tiempo que te ayudará a hacer eso:

También hay un truco rápido para hacerlo desde la consola del navegador:

copy('u{200B}')

vía:

Y para otra forma que puede resultarle atractiva, ¡un bookmarklet!

Preocupación por copiar y pegar

El peligro con el espacio de ancho cero es, bueno, no puedes verlo. Si alguien, por ejemplo, copiara su @media consulta usando el truco de espacio de ancho cero de un tweet, no funcionará en su editor de código (porque invalidará la regla) y podría ser extremadamente confuso. Por esa razón, probablemente sea bueno evitar usarlo en cualquier cosa que pueda copiarse como ejemplo de código, pero probablemente esté bien cuando se intenta explícitamente no vincular automáticamente algo.

(Visited 3 times, 1 visits today)