css設定文字が長さを超えた場合+マウスの代わりに省略記号で全文+行内要素を下にシフト補正

1.css設定文字が長さを超えて省略記号で代用され、次の4つの属性が欠けてはいけない

width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;

2.マウスを離して全文を表示する

title=「全文全文全文全文全文全文」

3.応用【display：inline-block;】行の要素が下にシフトした後

追加スタイル:vertical-align:bottom;

まとめ: