テキストオーバーフローでh2タグを省略しようとしています。すべてのブラウザーで正常に動作しますが、Android では動作します。
3 つのドットはクリップされたテキストの後ろにジャンプするため、省略記号は実際には見えません。
h2 の css は次のとおりです。
h2 {
font-size: 20px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 40%;
}
他にもたくさんのスタイルがありますが、何がこれに影響するのかわかりません。
私は正常に動作するダミーテストを行ったので、誰かが以前にこの動作を経験したかどうか疑問に思っていましたか?