に縮小さの後に、私は私の文書に次のようなものを持って動作しません。出力前にそれを縮小化するためのPHPコード:CSS単語間隔プロパティは、HTMLをPHP
ブラウザにこれを返し、ob_start(function($html) {return preg_replace('/>\s+</','><',$html);});
...html goes here...
ob_end_flush();
:
を.batman {
word-spacing: 100px;
}
.batman > div {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
<div class="batman"><div>hello</div><div>world</div></div>
ので、ここで問題です:HTMLが1行にある場合は
、word-spacing
CSSがなくなっている、または私は無視し、言う必要があります。
"hello"と "world"の2つのdivの間には100pxのスペースはありません。
word-spacing
を保存するにはどうしたらいいですか?コードを1行に保存することもできますが、実際には1行に自分で入力するか、
また、word-spacing
がまだ動作することを確認するために、私の単純化されたミニスクリプトにどのような変更を行うことができますか?
条件:しています! divがインラインブロックである必要があります。
pesudo-要素を使用することができます最初のdivの先頭または2番目のdivの開始 – Dale
指定されたdiv内の文に単語の間隔が適用されます。あなたはそれぞれの単語を自分のdivにラップしています。ワードスペースはそれほど機能しません。単語の間隔を使用する場合は、HTMLを処理した後にHTMLがこのように表示されます。
「 」を使用して空白を作成します。 - >それのようなもの: '