数据多行截断有关问题
日期：2014-05-17 浏览次数：20834 次
数据多行截断问题
如题，现在CSS可以实现一行溢出时加省略号显示
如何实现多行的，谢谢赐教！
------解决方案--------------------
纯CSS实现办不到，不过可以考虑模拟实现（css+js），就是效果不太完美！
------解决方案--------------------
嗯 css是不可能办到的 要不和js配合一下 要不就给用程序判断字符串的长度 然后输出"..."了
------解决方案--------------------
不用js，就用css+html，哈
注意事项俺都写滴很明白了，L@_@K
如题，现在CSS可以实现一行溢出时加省略号显示
如何实现多行的，谢谢赐教！
------解决方案--------------------
纯CSS实现办不到，不过可以考虑模拟实现（css+js），就是效果不太完美！
------解决方案--------------------
嗯 css是不可能办到的 要不和js配合一下 要不就给用程序判断字符串的长度 然后输出"..."了
------解决方案--------------------
不用js，就用css+html，哈
注意事项俺都写滴很明白了，L@_@K
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>css.multipleRowsWithEllipsis.html</title>
<meta name="generator" content="editplus" />
<meta name="author" content="Gao YiXiang" />
<meta name="email" content="yixianggao@126.com" />
<meta name="keywords" content="javascript dhtml dom" />
<meta name="description" content="I love web development." />
<style type="text/css">
* {
padding: 0px;
margin: 0px;
/* 字号在这里！*/
font-size: 10pt;
}
.bgColor{
/* 背景色 */
background-color: #ccffff;
}
</style>
</head>
<body>
<!-- 宽度、高度要与字号匹配，需要手动微调！ -->
<div style="width: 262px; height: 150px" class="bgColor">
<div style="position: absolute; z-index: 2; width: 100%">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<!-- 宽度与 div 一致！ -->
<td height="150" width="100%" valign="bottom" align="right"><span class="bgColor">…… <a href="http://news.csdn.net/n/20071119/110842.html" target="_blank">阅读全文 >></a></span></td>
</tr>
</table>
</div>
<div style="position: absolute; z-index:1; width: 100%; height: 100%; overflow: hidden;">
<span>
与李嘉诚在一起的时间，你很少能感觉到本应属于华人首富的巨大自我。他的言语、目光和笑容，都不免让人产生疑问：早年经受的战乱、苦难，以及随后六十六年的辛苦工作，这些负面影响究竟是被一种怎样的力量化解，而没有让他成为一个性格极端的人？<br />
是命运？—在很多场合，李都会提到自己的一生“蒙上天眷顾”。<br />
但李嘉诚回答说：“性格才是命运的决定因素。好像一条船，船身很重要，因为机器及其它设备都是依附在这条船里面。”<br />
很长时间以来，因为李的被神化，他的性格都为外界所忽视：李是一个性情急燥还是温和的人？他可曾有脆弱或失去自控的时候？<br />
如果过往的经历可以呈现出李嘉诚的部分性格，那至少可以说明两点：他随时准备改变自己，应付挑战，同时，乐于在高度自控下获得内心自由。关于后 者，一个最恰当的阐释是他自身的体验：在参与地皮招标时，李会不停地、很快地举手出价，但当价钱超过市场的规律，他左手想举起时，右手便立即“制止”左 手。<br />
很早年时，李嘉诚就证明了，他从来不惮于改变自己，并永远清楚什么时候该挑战下一级台阶。<br />
在其记忆中，第一次强烈的自我改变发生在十岁时。那一年，李嘉诚升入初中，在没有任何人的提醒下，他突然意识到了自己对家庭的责任。这让他一改往日的贪玩，开始发奋，每晚主动背书、默写。这种一夜之间的改变甚至曾令其父不解。<br />
</span>
</div>
</div>
</body>
</html>
------解决方案--------------------
为何有这种需求?
这种情况应该直接overflow:hidden;
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
