只要在该td中加上title属性,鼠标移到这里就会看到全部内容,在td中加上div,属性设置如下,就能显示宽度为200px的内容,大于则隐藏。
title是悬浮后的完整内容,div里的是直接显示出来的内容。
代码如下:
<td title="我是代码大师">
<div style="width:200px;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;">我是...</div>
</td>
只要在该td中加上title属性,鼠标移到这里就会看到全部内容,在td中加上div,属性设置如下,就能显示宽度为200px的内容,大于则隐藏。
title是悬浮后的完整内容,div里的是直接显示出来的内容。
代码如下:
<td title="我是代码大师">
<div style="width:200px;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;">我是...</div>
</td>