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>