zoukankan      html  css  js  c++  java
  • table或者列表中超出的字用省略号代替的方法(支持IE6)

    样式:

    .autocut
    {
         150px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        -icab-text-overflow: ellipsis;
        -khtml-text-overflow: ellipsis;
        -moz-text-overflow: ellipsis;
        -webkit-text-overflow: ellipsis;
    }

    HTML代码:

     <tr align="center">
                        <td>
                            <input type="checkbox" name="SonCheck" value="<%#Eval("ID").ToString()%>" />
                        </td>
                        <td>
                            &nbsp;
                            <%#Eval("StreetName")%>
                        </td>
                        <td>
                            &nbsp;
                            <%#Eval("VillageName")%>
                        </td>
                        <td>
                          //此处添加省略号的代码                       
                           <div class="autocut"> &nbsp;<%#Eval("DesignTitle")%></div> 
                        </td>
                        <td>
                            &nbsp;
                            <%#Nbsfj.Xxcj.Web.AppCode.Tools.ParseDate(Eval("DesignTime").ToString())%>
                        </td>
                        <td>
                            &nbsp;
                            <img src="http://www.cnblogs.com/App_Themes/Default/images/edt.gif" /><a name='editBtn' value="<%#Eval("ID")%>"
                                href="javascript:void(0)">编辑</a>&nbsp;&nbsp;<img src="http://www.cnblogs.com/App_Themes/Default/images/del.gif" /><a
                                    name="delBtn" value="<%#Eval("ID")%>" href="javascript:void(0)">删除</a>
                        </td>
                    </tr>

    IE6下测试过也没问题

  • 相关阅读:
    MySQL
    LeetCode
    数据结构
    我的编程幻想曲,更新中
    快速排序
    C与C++的区别
    必须要使用列表初始化的几种情况
    析构中delete this
    指向自身类型的成员指针的初始化,this不属于类对象的一部分
    构造函数
  • 原文地址:https://www.cnblogs.com/nyzhai/p/2863036.html
Copyright © 2011-2022 走看看