タグ

ブックマーク / qiita.com/kd_rn (1)

  • Table内の3点リーダーってどういう仕組み?max-width: 0ってドユコト? - Qiita

    3点リーダーとは 3点リーダー(省略記号)とは、テキストが長くてボックスの領域を超えてしまう場合に「...」でテキストを省略表示する手法です。 3点リーダーを実装するために必要な4つの設定 1、ボックスのwidthの指定 テキストが表示される領域の幅を指定します。 2、white-space: nowrap; テキストの改行を禁止し、1行で表示します。 3、overflow: hidden; テキストが表示される領域の幅を超えた場合、その超えた部分を隠します。 4、text-overflow: ellipsis; 非表示の溢れた部分を3点リーダー(...)で表示します。 See the Pen Untitled by kidorina (@kidorina) on CodePen. 簡単に長いテキストを省略することができます。 Table内での3点リーダーの挙動 Table内で3点リーダー

    Table内の3点リーダーってどういう仕組み?max-width: 0ってドユコト? - Qiita
  • 1