勉強したことのメモ

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

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

   

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

 

サンプル

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

 

ソース

 

まとめ

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

 - CSS

  関連記事

CSSでプロパティの初期化

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

ページ内リンク(アンカーリンク)がずれる場合の対処法

ヘッダーに固定メニューを設置しており、コンテンツ部分でアンカーリンクを使うと固定 ...

jQueryとCSSの連携

$(function(){ $("#change_small").click(f ...

CSSのdisplayについて

よく使うdisplayだけれども、noneとblock以外で 初めて使うことがあ ...

cssのcontent

テキストが書かれているけど、firebugで要素を見ても 書かれていない。かとい ...

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

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

jQueryのCSS変更

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

LINE風のふきだしデザイン

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

特定のブラウザのみCSS指定

FireFoxだけどうにもデザインが崩れる、 ただ他のブラウザでは希望通りのデザ ...

formのsubmitをボタンを無くしたり画像をつけたりCSSで装飾

aタグになっていたところをsubmitボタンに変えてほしいという修正依頼があった ...