Demo1

text-overflow: ellipsis;が適用され、省略されていたらtitle属性で全文をツールチップなどで表示

Demo2

hover時にoverflow: hidden;が解除され、全文が表示される (Demo1のJSも当たってるのでツールチップも表示されるけど気にしないで)

Demo3

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