CSS文字切り取り機能実現コード
利点は、互換性のIE、firefox、Operaです。内容の完全性に有利である。SEOに有利であるバックグラウンド処理は不要です。フロントでいつでも切り取る長さを調節できます。悪いところ:切り取り長さは自動的に判断できません。文字が短いとFirefoxでも後の省略記号が生成されます。また、切り取り幅を設定する場合は、文字をできるだけ完全に切り取るように注意してください。Quote:> > <ヘッド> css文字切り取り <スタイル type=「text/css」> body{font-size:13 px;カラー:(菗8 c 966 b;) div{clear:both;width:340 px;border:1 px ソロ?id #333;magin:3 px;padding:3 px; div a[/color][/b]text-decoration:none; div a:hover{text-decoration:undeline} div a{display:block}width:310 px;white-space:nowrap;overflow:hiddenfloat:left; -o-text-overflow: ellipsi; /* for Opera */ text-overflow:ellipsi; /* for IE */ } div:after{content:「…」;padding-left:3 pxfont-size:12 px;/* for Firefox */ cssを使って自動的に文字を切り取ることを実現して、バックグラウンドのプログラムとJSの使用の利益がいらないのは:内容の完備性に利益があって、SEOに利益があって、バックグランドのプログラムの処理がいらないで、フロントでいつでも切り取る長さを調節することができます。div>