让报表固定宽度显示内容，超出长度内容隐藏，让鼠标放到此处时自动显示所有的内容包括隐藏的内容-AJAX教程-爱易网页

让报表固定宽度显示内容，超出长度内容隐藏，让鼠标放到此处时自动显示所有的内容包括隐藏的内容

日期：2014-05-16　浏览次数：20764 次

让表格固定宽度显示内容，超出长度内容隐藏，让鼠标放到此处时自动显示所有的内容包括隐藏的内容
如题，做了个网站，表格，行，显示内容，由于内容长短不一。长的话，就换行了。显得不整洁。
------最佳解决方案--------------------
支持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>

------其他解决方案--------------------
谢谢，很好。我用了
------其他解决方案--------------------
该回复于2012-01-29 09:41:34被版主删除
------其他解决方案--------------------
我回复看一下，老是被这个问题困扰
------其他解决方案--------------------
我也被这问题困扰咯求解
------其他解决方案--------------------
我也被这问题困扰咯求解
------其他解决方案--------------------
我也被这问题困扰咯求解

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

让报表固定宽度显示内容，超出长度内容隐藏，让鼠标放到此处时自动显示所有的内容包括隐藏的内容

相关资料更多>

推荐阅读更多>