テキストを 2 つの部分に分割できるかどうかを知りたいです。
私のウェブサイトには、製品の説明 (500 ~ 1000 語) があり、次のように表示したいと考えています。
<div class="text-col">
<?php echo nl2br($col1); ?>
</div>
<div class="text-col">
<?php echo nl2br($col2); ?>
</div>
このようなもの?
$len = strlen($input);
$space = strrpos($input," ",-$len/2);
$col1 = substr($input,0,$space);
$col2 = substr($input,$space);
// now output it
これはIMHOでの典型的な問題であり、CSSを介して実行する必要があります。これは、表示方法にのみ影響するためです。CSS3を使ってみませんかcolumn-count
:
div#multicolumn1 {
-moz-column-count: 3;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-gap: 20px;
column-count: 3;
column-gap: 20px;
}
PHP では、テキストを簡単に 2 つの部分に分割できます。
$text = "my very long text with a lot of words";
$length = strlen($text);
$middle = round($length/2, 0);
$col1 = substr($text, 0, $middle);
$col2 = substr($text, $middle);
しかし、このモットーは単語の途中でフレーズをカットすることがよくあります。したがって、コードを更新して、中央の最も近いスペースを見つける必要があります。
for ($i = $middle; $i < $length; $i ++) {
if ( substr($text, $i, 1) == " " ) return;
}
$cut = $i;
$col1 = substr($text, 0, $cut);
$col2 = substr($text, $cut+1);
素敵なテキスト カットの場所はスペースだけではありません。したがって、行末を探す必要があります。そして、いくつかのスペースも良くありません。たとえば、セミコロンの直前のスペース。したがって、結果を改善するために、このコードを改善するために追加します。
css3 の複数列ディレクティブを試すこともできます: http://www.css3.info/preview/multi-column-layout/ ただし、IE ではサポートされていません。
ワードラップ()関数を使用できますか?
次のように簡単です。
$text = "This should be a very long product description with some bold specs in it.";
$splitat = strpos($text," ",strlen($text)/2);
$col1 = substr($text, 0, $splitat);
$col2 = substr($text, $splitat);
ただし、実際には、クライアント側で実行することをお勧めします。これは、段落の幅が狭い、ハイフネーション、テキスト ブロックの高さなど、他の要因が関係している可能性があるためです。
CSS3 では、複数列のテキストがすでにサポートされています。