Bikesheding CSS3 PROPORTY Alternative?

Question

C'è qualche alternativa per bikeshedding Proprietà CSS3? Non sembra essere ancora supportato.

Answer 1

La proprietà dello spazio bianco

In css3, il white-space La proprietà è una scorciatoia per il white-space-collapsing (Credo bikeshedding significa che non sanno ancora come chiamarlo) e text-wrap proprietà. Il white-space La proprietà è una proprietà CSS 2.1 supportata dalla maggior parte dei browser e ci sono due valori per crollare nuove righe:

1. normal (Il valore iniziale).
2. nowrap

Ma cosa significa i caratteri del feed di linea che collassano?

Secondo CSS 2.1:

Se "spazio bianco" è impostato su "normale" o "nowrap", i caratteri di linefeed vengono trasformati allo scopo di rendering in uno dei seguenti personaggi: un carattere spaziale, un carattere spaziale di larghezza zero (U+200b) o nessun carattere ( cioè, non reso), secondo algoritmi specifici per UA in base allo script di contenuti.

Secondo CSS 3:

Uno spazio di larghezza zero prima o dopo una sequenza di spazio bianco contenente una nuova linea fa crollare l'intera sequenza di spazio bianco in uno spazio di larghezza zero.

Realtà:

La maggior parte dei browser trasforma i caratteri di alimentazione della linea in a spazio. Quindi quello che vuoi veramente è impostare il white-space-collapsing Proprietà a discard non collapse o a collapse e quindi aggiungere un carattere di spazio di larghezza zero prima della rottura della linea.

Cosa fare fino al supporto del browser

Rimuovi lo spazio bianco dal tuo documento HTML:

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

Per:

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

O:

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

Answer 2

C'è sempre la soluzione più ovvia, che è semplicemente rimuovere lo spazio bianco nell'HTML:

http://jsfiddle.net/f3mdd/1/ - È davvero facile e funziona. Da questo:

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

a questo:

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

Ecco un più dettagliato Rispondere.

Ad essere onesti, rimuovo sempre lo spazio bianco ...

Answer 3

Un altro approccio è semplicemente quello di attendere questa funzione CSS3 e rimuovere lo spazio bianco di JavaScript fino ad allora.

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

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

Answer 4

Se ti capisco correttamente, intendi il text-spacing proprietà.

Per quanto posso dire, Non c'è molto supporto.