bikeshedding CSS3財産の代替?

Question

が代替 bikeshedding CSS3ですか？な支持されていない。

Answer 1

のホワイト-スペース性

にCSS3、 white-space 物件は以下の表記を white-space-collapsing (I guess bikeshedding とはいえない） text-wrap ます。の white-space 物件はCSS2.1性を支えに多くのブラウザが値で崩壊した:

1. normal (初期値)となります。
2. nowrap

それでは、崩壊改行文字を意味するのか。

によるCSS2.1:

場合は"ホワイト-スペースが設定されるノ nowrap,改行文字 変換のためのレンダリング目的 以下の文字:a スペース文字幅はゼロスペース 文字(U+200B)、または"はい"または"いいえ" （描画） UA-特定のアルゴリズムに基づく コンテンツを記述します。

によるとCSS3:

幅はゼロス空間の前後 空白を含むシーケンスa 改行が全体の配列 空白崩壊ゼロ 幅スペース。

現実には:

多くのブラウザに変換改行文字入 スペース.なかで最も人気があるインド料理の設定を white-space-collapsing 財 discard ない collapse または collapse それがすべてゼロに幅スペースの前の文字ます

いうまでブラウザを支援

削除ホワイト-スペースからHTMLドキュメント:

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

：

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

または:

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

Answer 2

常に最も明白な修正があります。これは、HTMLの空白を単純に削除することです。

http://jsfiddle.net/f3mdd/1/ - それは本当に簡単で、それはただ機能します。これから：

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

これに：

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

これがより詳細です 答え.

正直に言うと、私はいつも空白を削除します...

Answer 3

もう1つのアプローチは、このCSS3機能を待って、それまでJavaScriptでWhitespaceを削除することです。

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

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

Answer 4

私があなたを正しく理解しているなら、あなたはそれを意味します text-spacing 財産。

私の知る限り、 多くのサポートはありません.