数据多行截断有关问题-HTML教程-爱易网页

数据多行截断有关问题

日期：2014-05-17　浏览次数：20701 次

数据多行截断问题
如题，现在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">阅读全文 &gt;&gt;</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;

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

数据多行截断有关问题

相关资料更多>

推荐阅读更多>