2

bikesheddingCSS3プロパティに代わるものはありますか？まだサポートされていないようです。

4

4 に答える 4

11

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

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

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

これに：

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

これがより詳細な答えです。

正直なところ、私は常に空白を削除します...

于 2011-06-15T00:21:43.453 に答える
3

空白のプロパティ

CSS3では、プロパティは（私は彼らがまだそれを何と呼ぶべきかわからないことを意味すると思います）とプロパティwhite-spaceの省略形です。このプロパティは、ほとんどのブラウザでサポートされているCSS 2.1プロパティであり、新しい行を折りたたむ2つの値があります。white-space-collapsingbikesheddingtext-wrapwhite-space

  1. normal（初期値）。
  2. nowrap

しかし、改行文字の折りたたみとはどういう意味ですか？

CSS 2.1によると：

'white-space'が'normal'または'nowrap'に設定されている場合、改行文字は、レンダリング目的で、スペース文字、ゼロ幅スペース文字（U + 200B）、または文字なし（U + 200B）のいずれかの文字に変換されます。つまり、レンダリングされません）、コンテンツスクリプトに基づくUA固有のアルゴリズムに従います。

CSS 3によると：

改行を含む空白シーケンスの前後に幅がゼロのスペースがあると、空白のシーケンス全体が幅ゼロのスペースに折りたたまれます。

現実：

ほとんどのブラウザは、改行文字をスペースに変換します。したがって、本当に必要なのは、white-space-collapsingプロパティをdiscardnotcollapseまたはtoに設定してcollapseから、改行の前に幅ゼロのスペース文字を追加することです。

ブラウザがサポートされるまでどうするか

HTMLドキュメントから空白を削除します。

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

に：

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

または：

<span>A</span><span>
    B</span>
于 2011-06-15T00:42:52.377 に答える
2

もう1つのアプローチは、このCSS3機能を待ち、それまでJavascriptで空白を削除することです。

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

$('[data-bikeshedding="discard"]').each (function () {
  var node = $(this);
  node.html (node.find ('> *').detach ());
});
于 2013-04-25T22:27:39.847 に答える
0

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

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

于 2011-06-14T21:15:47.023 に答える