エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
枠から文字がはみ出す際に「…」で省略する - "..."によるオーバーフローテキストの省略 (CSS Tips)
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
枠から文字がはみ出す際に「…」で省略する - "..."によるオーバーフローテキストの省略 (CSS Tips)
を設定すると、末尾に"..."を付加してて文字列を省略表示できます。 ただし、text-overflow のみを設定... を設定すると、末尾に"..."を付加してて文字列を省略表示できます。 ただし、text-overflow のみを設定した場合、枠に文字列が収まりきらない場合に文字列が折り返して表示されるため、 を設定して文字列が折り返されないようにする必要があります。 コード overflow-omission.html <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <link rel="stylesheet" type="text/css" href="overflow-omission.css"/> </head> <body> <div clas