bikeshedding CSS3財産の代替?
質問
が代替 bikeshedding
CSS3ですか?な支持されていない。
解決
のホワイト-スペース性
にCSS3、 white-space
物件は以下の表記を white-space-collapsing
(I guess bikeshedding
とはいえない) text-wrap
ます。の white-space
物件はCSS2.1性を支えに多くのブラウザが値で崩壊した:
normal
(初期値)となります。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>
他のヒント
常に最も明白な修正があります。これは、HTMLの空白を単純に削除することです。
http://jsfiddle.net/f3mdd/1/ - それは本当に簡単で、それはただ機能します。これから:
<div>a</div>
<div>a</div>
これに:
<div>a</div><div>a</div>
これがより詳細です 答え.
正直に言うと、私はいつも空白を削除します...
もう1つのアプローチは、このCSS3機能を待って、それまでJavaScriptでWhitespaceを削除することです。
$('[data-bikeshedding="discard"]').each (function () {
var node = $(this);
node.html (node.find ('> *').detach ());
});
私があなたを正しく理解しているなら、あなたはそれを意味します text-spacing
財産。
私の知る限り、 多くのサポートはありません.