text-overflow: ellipsis;が適用され、省略されていたらtitle属性で全文をツールチップなどで表示
hover時にoverflow: hidden;が解除され、全文が表示される (Demo1のJSも当たってるのでツールチップも表示されるけど気にしないで)
hover時にoverflow: hidden;が解除され、どんな状況でも全文表示されるようposition: absolute;で絶対位置指定したパターン (Demo1のJSも当たってるのでツールチップも表示されるけど気にしないで / absoluteが分かりやすいようにhover時に背景色も付けてる)