CSSは指定された長さの文字列を自動的にインターセプトし、末尾を表示します...FFブラウザをサポート

CSSは指定された長さの文字列を自動的にインターセプトし、末尾を表示します...FFブラウザをサポート
<スタイル タイプ="text/css">

コードをコピー
コードは次のとおりです。

<!--
.div1{
幅:200px;
}
.div1 スパン{
空白:折り返しなし;
text-overflow:ellipsis; /* Internet Explorer の場合 */
オーバーフロー:非表示;
幅:168ピクセル;
表示:ブロック;
フロート:左;
}

html>body .div1:after{/* FFの場合*/
コンテンツ: "...";
左マージン:5px;
}

-->
</スタイル>

<div class="div1"><span>Microsoft が最近リリースした IE7 ブラウザの互換性は、確かに一部の Web ページ開発者に大きな負担をかけています</span></div>


<<:  Node.js での SerialPort モジュールの使用

>>:  モバイル適応型ウェブページ効果は、小さな表示ページの問題を解決します

推薦する

get メソッドによる HTML フォームの値転送の例

google.htmlインターフェースは図の通りですコードは図のとおりです: (比較的シンプルで、入...

MySQL ダーティ ページ フラッシュとテーブル スペースの縮小の原理の分析

mysql ダーティページWAL メカニズムにより、InnoDB はステートメントを更新するときに、...

WindowsとLinux間でファイルを転送する方法

WindowsとLinux間のファイル転送(1)WinSCPを使用して、WindowsファイルをLi...

DockerコンテナでJupyterノートブックを設定する方法

Jupyter ノートブックは、主に Python コードの記述、より具体的にはディープラーニング開...

Windows10のマウスを模倣して境界線を光らせる効果を実現するCSSの詳細解説

最新の Windows 10 アップデートをインストールした後、システム UI の詳細な効果が顕著に...

Alibaba Cloud ECS centos6.8 に MySql5.7 をインストールして設定するチュートリアル

Alibaba Cloud yum コマンドでのデフォルトの MySQL バージョンは 5.17**...

Linux は、ディレクトリが存在するかどうかを判断するために if を使用します。

Linux で if を使用してディレクトリが存在するかどうかを判断する方法方法は次のとおりです。...

React onClickにパラメータを渡す問題について話しましょう

背景下のようなリストでは、削除ボタンをクリックすると削除操作を実行する必要があります。 リスト生成:...

HTML の入力の readonly 属性と disabled 属性の違いについて簡単に説明します。

「読み取り専用」と「無効」はどちらも、ユーザーがフォーム フィールドの内容を変更できないようにしま...

Vue における $router と $route の違いの詳細な説明

通常、vue プロジェクトではルーティングを使用します。vue-router は vue.js の公...

HTML5 と HTML4 の 10 の主な違い

HTML5 は HTML 標準の次のバージョンです。ますます多くのプログラマーが、Web サイトの構...

JavaScript配列重複排除の詳細な説明

目次1. アレイ重複排除2. 配列内のオブジェクトの重複排除3. 配列内の同じフィールドに基づいて別...

docker+jenkins+node.js の自動デプロイメント環境をゼロから構築する方法

このケースはCentOS 7システムに基づいていますDockerの使用経験がある人に適していますLi...