では、ここで何をしようとしているのかを説明しましょう。$pageContent
ブログの詳細ページの HTML 全体を基本的に含むPHP 変数が呼び出されています。現在、すべてのページul
の上部には、詳細ページを開くとカルーセルに変換される が含まれています。その数はli
、通常 2 ~ 6 の間で変化します。各ページ。PHP を使用substr()
して、内部の内容を短縮してい$pageContent
ます。<ul>
to の部分を</ul>
考慮せずに文字列を短くするにはどうすればよいですか? はcss で にul
設定されますが、文字を短縮する際には、 の文字が考慮されます。誰かが私に解決策を持っていますか?display: none;
ul
内部にある可能性のある HTML のサンプル$pageContent
:
<ul>
<li>This text shouldn't be shown in the shortened version.</li>
<li>This text shouldn't be shown in the shortened version.</li>
<li>This text shouldn't be shown in the shortened version.</li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in lorem venenatis, pellentesque dolor tempor, malesuada mi. Nullam non sapien quis augue aliquet rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque adipiscing ligula vel lacinia cursus. Vestibulum eu nunc id dui bibendum hendrerit. Vestibulum et augue eu massa tincidunt fringilla sit amet lobortis lorem. Morbi sodales lorem at rutrum posuere. Suspendisse potenti. Suspendisse ornare metus id feugiat tincidunt. Cras et libero in metus bibendum scelerisque. Sed consectetur, arcu id auctor sagittis, magna turpis scelerisque nibh, et vulputate sapien eros quis augue. Nunc nec eros libero.</p>
私の出力は次のようになります。
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in lorem venenatis, pellentesque dolor tempor, malesuada mi. Nullam non sapien quis augue aliquet rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque adipiscing ligula vel lacinia curs ...</p>
そして好きではない:
<ul>
<li>This text shouldn't be shown in the shortened version.</li>
<li>This text shouldn't be shown in the shortened version.</li>
<li>This text shouldn't be shown in the shortened version.</li>
</ul>
<p>Lorem ipsu ...</p>