本に載ってたのでお試し。
確認ページ:ellipsis.html
… <style type="text/css"> .ellipsis { /* 表示しきれないテキストを...で表示する */ text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; -o-white-space: nowrap; overflow: hidden; } </style> <div style="width:200px; background-color:yellow;"> <p>test test test test test test test test test test test test test test</p> </div> <div style="width:200px; background-color:green;"> <p class="ellipsis">test test test test test test test test test test test test test test</p> </div> …
参考サイト
- CSS3デザインブック 仕事で絶対に使うプロのテクニック – MdN Design Interactive
オフィシャルサイト(サンプルコードDL可)
CSS3デザインブック 仕事で絶対に使うプロのテクニック
posted with amazlet at 12.04.28
MdN
売り上げランキング: 4104
売り上げランキング: 4104
関連エントリー