When Can Ellipsis Be Applied?


1 min read

Once, I tried to apply it and failed. And I found out several things.

"overflow: hidden" and "white-space: nowrap"

In this case, because "white-space: nowrap" is applied, there is only one line.

"overflow: hidden" and "white-space: pre"

In this case, because "white-space: pre" is applied, if there are many lines, each line has '…'.

"display: flex"

"display: flex" disables it.