让表格固定宽度显示内容，超出长度内容隐藏，让鼠标放到此处时自动显示所有的内容包括隐藏的内容
日期：2014-05-16 浏览次数：22707 次
让表格固定宽度显示内容，超出长度内容隐藏，让鼠标放到此处时自动显示所有的内容包括隐藏的内容 - Web 开发 / Ajax
如题，做了个网站，表格 ，行 ，显示内容，由于内容长短不一。长的话，就换行了。显得不整洁。
------解决方案--------------------
支持IE与FF。未测试opera 与其它浏览器。请自测
如题，做了个网站，表格 ，行 ，显示内容，由于内容长短不一。长的话，就换行了。显得不整洁。
------解决方案--------------------
支持IE与FF。未测试opera 与其它浏览器。请自测
- HTML code
<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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
