エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
[CSS3 を使ってみる:第十一回] はみ出す文字を「...」にして表示する(text-overflow)
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
[CSS3 を使ってみる:第十一回] はみ出す文字を「...」にして表示する(text-overflow)
前に CSS3 の text-overflow というエントリーでも書いたが、text-overflow を使うと、領域の幅を超えて... 前に CSS3 の text-overflow というエントリーでも書いたが、text-overflow を使うと、領域の幅を超えてはみ出している文字を「...」にして表示してくれる。 ◆text-overflow のプロパティ 以下は div (id: textOverflow、width: 100px、height: 100px) の中に長い単語「abcdefghijklmnopqrstuvwxyz」と「あいうえおかきくけこさしすせそたちつてとなにぬねの」を入れた場合。 #textOverflow { overflow: hidden; /* overflow してるのを hidden するので必須 */ text-overflow: ellipsis; /* Safari、Chrome 用 */ -o-text-overflow: ellipsis; /* Opera 用 */ -m