bikeshedding alternative propriété CSS3?

Question

est-il une alternative pour les biens bikeshedding CSS3? Il ne semble pas encore pris en charge.

Answer 1

La propriété white-space

En CSS3, La propriété white-space est un raccourci pour la white-space-collapsing (je suppose que des moyens bikeshedding ils ne savent pas comment l'appeler encore) et les propriétés de text-wrap. La propriété est un white-space CSS 2.1 propriété pris en charge par la plupart des navigateurs et il y a deux valeurs pour ce que l'effondrement de nouvelles lignes:

1. normal (la valeur initiale).
2. nowrap

Mais qu'est-ce que l'effondrement des caractères de saut de ligne signifie?

Selon CSS 2.1:

Si « l'espace blanc » est réglé sur « normal » ou « Nowrap », linefeeds sont transformé pour le rendu en fin l'un des caractères suivants: un caractère d'espace, un espace de largeur zéro caractère (U + 200B), ou pas de caractère (À savoir non fondues), selon la algorithmes UA spécifiques basés sur la script de contenu.

Selon CSS 3:

Un espace de largeur zéro avant ou après un séquence d'espace blanc contenant un saut de ligne provoque la totalité de la séquence de un espace blanc à l'effondrement en un zéro un espace de largeur.

Réalité:

La plupart des navigateurs transforment les caractères de saut de ligne dans un espace . Donc ce que vous voulez vraiment est de définir la propriété white-space-collapsing à discard pas collapse ou collapse, puis ajoutez un espace de largeur zéro avant le saut de ligne.

Que faire jusqu'à ce soutien du navigateur

Supprimer l'espace blanc de votre document HTML:

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

Pour:

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

Ou:

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

Answer 2

Il y a toujours plus solution évidente, ce qui est de supprimer simplement les espaces dans le code HTML:

http://jsfiddle.net/F3Mdd/1/ - il est vraiment facile, et il fonctionne. De ceci:

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

à ceci:

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

Voici une plus détaillée réponse .

Pour être honnête, je toujours supprimer simplement les espaces blancs ...

Answer 3

Une autre approche est simplement d'attendre cette fonctionnalité CSS3 et supprimer l'espace par Javascript jusque-là.

http://jsfiddle.net/rT4Dy/2/

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

Answer 4

Si je vous comprends bien, vous voulez dire text-spacing propriété.

Pour autant que je peux dire, il n'y a pas beaucoup de soutien .