css 设置文字超出长度用省略号代替 + 鼠标悬停显示全文 + 行内元素向下偏移修正

1. css 设置文字超出长度用省略号代替,下面四个属性缺一不可

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


2.鼠标悬停显示全文

title="全文全文全文全文全文全文全文";


3.应用【 display:inline-block; 】后引起行内元素向下偏移

添加样式:vertical-align: bottom;


总结:

全文全文全文全文全文全文全文

你可能感兴趣的:(CSS,html)