複数行にも対応！CSS を使ってはみ出した文字を「･･･」で省略する方法 ｜ KLUTCHE
範囲内に収まらない文字を「･･･」で省略する方法です。 使うのは CSS のみで、各ブラウザにも対応しています。 長い文章の冒頭だけ表示したいときってあると思います。 実現する方法としては、 ・PHP 等を使ってサーバサイドで文字列を丸める ・text-overflow を使う なんかがあると思います。 PHP なんかでは文字列を指定の幅でトリミングすることを「丸める」と言います。 なんか専門用語的で格好良いので 「ちょっとこの文字列丸めといて」 的に使うことをおすすめします。 しかし、上記2点の欠点として、 ・PHP は文字数指定の省略なので、可変する幅に応じることができない ・text-overflow: ellipsis; は複数行に対応できない が挙げられます。 使う場面が限定されすぎです。 そんな時に使って欲しいが今回の方法です。 デモ デモページ ウインドウの狭くしてもらうとわ
テーブルの行列変換
ダウンロード jquery.table_transpose.js 使い方 head 内で jQuery と jquery.table_transpose.js を読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.table_transpose.js"></script> 対象となるテーブルのidを指定します。 $("#table1").table_transpose(); ※デモでの使用例 $("#button1").live("click",function(){ $("#table1").table_transpose(); }); 注意: row span 、 col span を指定した表には対応していません。 作者：
Countable.js — Live word-counting in JavaScript
yarn add countable The preferred method of installation is yarn. Alternatively, you can download the script directly. Out of the box, Countable can be used with AMD loaders (require.js), CommonJS loaders (node, browserify) or directly in the browser. Countable offers an easy to understand API. With a single method call you can enable live paragraph-, word- and character-counting on a given HTML el
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
