您现在的位置: 365建站网 > 365学习 > 通过div样式控制单元格文本超长省略

通过div样式控制单元格文本超长省略

文章来源:365jz.com     点击数:461    更新时间:2009-12-13 23:39   参与评论

通过我们在单元格中显示文本时,若内容过多而导致换行或撑宽单元格,下面是我在网上找的一个解决方法,共享一下,希望对大家有用:

代码如下:

<table>

    <tr>

        <td>

            <div style="width: 100px; height: 18px; border: 0px;overflow:hidden; padding:3px 2px 0px 2px; text-overflow:ellipsis">

                <nobr title='这里放置要显示的文本'>

                     这里放置要显示的文本

                </nobr>

            </div>

        </td>

    </tr>

</table>

效果如下:

 XML:NAMESPACE PREFIX = V /> 

 

若在GridView的绑定列中可使用以下方式:

<asp:TemplateField HeaderText="显示列名">

    <ItemStyle Width="130px" />

    <ItemTemplate>

        <div style="width: 100px; height: 18px; border: 0px;overflow:hidden; padding:3px 2px 0px 2px; text-overflow:ellipsis">

            <nobr title='<%#Eval("绑定列名")%>'>

                <%#Eval("绑定列名")%>

            </nobr>

        </div>

    </ItemTemplate>

</asp:TemplateField>

 

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (461人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------