純粋な CSS3 を使用して文字列をインターセプトする

今回は、純粋な CSS3 を使用して文字列をインターセプトする場合の注意点をいくつか紹介します。以下は実際のケースです。見てみましょう。

コード例は次のとおりです:

nbsp;html>


<meta>
<meta>
<title>CSS</title>
<style> 
#first{
  width:120px;
  height:30px;
  background-color:#F30;
  overflow:hidden;
  text-overflow:clip;
  white-space:nowrap;
}
#second{
  width:120px;
  height:30px;
  background-color:#F30;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin-top:10px;
}
</style> 


<p>QWEQWEQWEQWE</p> 
<p>QWEQWEQWEQWE</p> 

特記事項:white-space:nowrap と overflow:hidden は省略できません。省略しない場合、インターセプトされた文字列は無効になります。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨書籍:

ポップアップ メニュー機能を作成するためのミニ プログラム開発 (コード付き)

webpack をバージョン 4.0 にアップグレードし、webpack-cli をインストールします

以上が純粋な CSS3 を使用して文字列をインターセプトするの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。