数据多行截断问题
如题,现在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;