『CSSだけで文字列を省略して「・・・」を付けて表示する方法』

本を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます！現在、長野県長野市の制作会社でWeb作成中！ javascriptやphpを使わずに CSSだけで文字列を省略して「・・・」を付けて表示 させるテクニックを発見 前からできる感じだったが、つい最近知りました。 FirefoxとSafariのCSS対応--ボックスに収まらないコンテンツの表示方法 どうやるかというと text-overflow: ellipsis; を使う。 ellipsis は、はみ出した部分の最後に「・・・」を付け足す。 ちなみに clip は、何もつけません。 text-overflow: ellipsis; だけだと上手くいかないので やり方としては、 横幅(width)、w

[raita_h]

“CSSでボックスからはみ出した文字列を自動で折り返すやり方”

[bleu-bleut]

文字列の省略

[nacika_inscatolare]

文字列の省略

[As_hsp]

文字列の省略

[sw_lucchini]

文字がはみ出たら省略する

[machupicchubeta]

css ...表示 文字数 design

[futomo]

Firefoxはだめなのかー

[agw]

text-overflowプロパティについて。

[dealforest]

width: 150px; white-spce: nowrap; overflow: hidden; text-overflow: ellipsis -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis;

[picnicgraphic]

「横幅(width)、white-spce: nowrap、overflow:hidden;」とブラウザ毎のtext-overflow: ellipsis

[wacky]

領域からはみ出る長い文字列を「...」で省略表示するCSS。『text-overflow: ellipsis;』を利用。IE6以上、Safari、Operaが対応。

[yamazakiccs]

fx3.0.11で確認できなかったので使用不可2009/9/2

[edo_m18]

これは初めて知ったかも・・。

[bigchu]

: text-overflow: ellipsis;