让表格固定宽度显示内容,超出长度内容隐藏,让鼠标放到此处时自动显示所有的内容包括隐藏的内容 - Web 开发 / Ajax
如题,做了个网站,表格 ,行 ,显示内容,由于内容长短不一。长的话,就换行了。显得不整洁。
[解决办法]
支持IE与FF。未测试opera 与其它浏览器。请自测
<html> <head><title>让表格里的数据按宽度显示,并多出的部分隐藏用...</title> <style type="text/css"> table { border-collapse:collapse; width:484px; table-layout:fixed; } td { overflow:hidden; text-overflow:ellipsis; } </style> </head> <body><table width="200" borderColor="#7788cc" border="1" style="table-layout:fixed;"><tr><td width="80" title="人生最痛苦的事就是失去最亲的人。"><nobr>人生最痛苦的事就是失去最亲的人。</nobr></td><td><nobr>人生最痛苦的事就是失去最亲的人。</nobr></td><td><nobr>人生最痛苦的事就是失去最亲的人。</nobr></td></tr></table></body></html>