勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

可変要素内の文字を丸める

   

可変の要素内の文字を丸めたかった。いつもであればPHPのmb_strimwidth関数で丸めているけど、可変なので文字数指定というのは使えない。調べてみるとCSSで解決できたのでメモ。

 

サンプル

http://sample.taitan916.info/overflow/

 

ソース

 

まとめ

可変の要素内で文字を丸める場合はCSSを使用する。また、PHPの場合とは違ってソース上に全文が表示されるのでSEO的に良さそうなのと、コピペした際も全文が対象になるのでユーザーにとって便利。

 - CSS

  関連記事

flash_player_11_icon_rgb
Flash上にHTMLの文字やリンクを重ねる方法

FlashにHTMLで文字を書きたかった。そのまま書くのは無理だろうけどCSSか ...

images
スマホサイトでviewportを指定しても横スクロールバーが表示される

スマホ用のサイトでviewportが指定されており、widthも100%になって ...

images
CSSのopacity

opacityというプロパティを業務中に見かけたのでメモ。 透明度を指定するもの ...

images
固定ヘッダーメニュー

やりたかった事は、 ・6つぐらい異なるドメインのページがある ・似たような用途な ...

images
CSSでマウスカーソルの変更

マウスカーソルはCSSで任意に決められるみたい。 リンク時に一律させた方がよいと ...

images
CSSで1つの要素に複数classを設定して画像を入れ替える

メニューリンクで通常時の画像、マウスオーバー時の画像、アクティブ時の画像をそれぞ ...

jquery_logo
jQueryのCSS変更

jQueryでCSSを触る際、 $("#aaa").css('height',' ...

images
LINE風のふきだしデザイン

LINE風のふきだしデザインでページを作ってほしいと言われた。 CSSはあまり理 ...

images
CSSでプロパティの初期化

CSSでmedia screen and等を指定し、特定の場合のみプロパティの無 ...

images
ページング用CSS

div.pageNav { //これなくてもいいかも。 clear: both; ...