bikeshedding propiedad CSS3 alternativa?

Question

¿Hay alguna alternativa para bikeshedding Propiedad CSS3?No parecen ser compatibles todavía.

Answer 1

El espacio en blanco de la propiedad

En CSS3, El white-space la propiedad es una abreviación de la white-space-collapsing (Supongo que bikeshedding significa que no sé cómo llamarlo) y text-wrap propiedades.El white-space la propiedad es un CSS 2.1 propiedad apoyado por la mayoría de los navegadores y hay dos valores para que el colapso de las líneas nuevas:

1. normal (El valor inicial).
2. nowrap

Pero, ¿qué colapso de caracteres de avance de línea media?

De acuerdo con CSS 2.1:

Si 'espacio en blanco' es 'normal' o 'nowrap', caracteres de avance de línea son transformado para la representación propósito en uno de los siguientes caracteres:un carácter de espacio, un espacio de ancho cero carácter (U+200B), o no carácter (es decir, no se representa), de acuerdo a UA específicos de los algoritmos basados en la el contenido del script.

De acuerdo con CSS 3:

Un ancho cero espacio antes o después de un el espacio en blanco que contiene una secuencia de newline hace que la secuencia completa de espacio en blanco colapsar en un cero espacio de ancho.

Realidad:

La mayoría de los navegadores transformar los caracteres de avance de línea en una espacio.Así que lo que realmente se desea es establecer la white-space-collapsing propiedad discard no collapse o a collapse y, a continuación, agregue un cero ancho carácter de espacio antes de que el salto de línea.

Qué hacer hasta el soporte de los navegadores

Quitar el espacio en blanco de un documento HTML:

<span>A</span>
<span>B</span>

A:

<span>A</span><span>B</span>

O:

<span>A</span><span>
    B</span>

Answer 2

Siempre existe la solución más obvia, que es simplemente eliminar el espacio en blanco en el HTML:

http://jsfiddle.net/f3mdd/1/ - Es realmente fácil y funciona. De esto:

<div>a</div>
<div>a</div>

a esto:

<div>a</div><div>a</div>

Aquí hay un más detallado responder.

Para ser honesto, siempre elimino el espacio en blanco ...

Answer 3

Otro enfoque es simplemente esperar esta función CSS3 y eliminar el espacio en blanco de JavaScript hasta entonces.

http://jsfiddle.net/rt4dy/2/

$('[data-bikeshedding="discard"]').each (function () {
  var node = $(this);
  node.html (node.find ('> *').detach ());
});

Answer 4

Si te entiendo correctamente, te refieres al text-spacing propiedad.

Por lo que yo puedo decir, No hay mucho apoyo.