2

我正在使用 asp.net。我正在尝试将数据插入列表视图。我的代码示例如下：

     <ul class="toplistings">
                <asp:ListView ID="LatestRatingBusinessListView" runat="server">
                    <GroupTemplate>
                        <div id="itemPlaceholder" runat="server" />
                    </GroupTemplate>
                    <LayoutTemplate>
                        <div id="groupPlaceholder" runat="server">
                        </div>
                    </LayoutTemplate>
                    <ItemTemplate>
                        <li>
                            <h2>
                                <div style="height: 21px; padding: 3px;  word-wrap: break-word; word-break: break-all;" >
                                    <a id="LatestRatingBusiness" href='<%#ResolveClientUrl("~/YellowPages/BusinessInstancePage.aspx?Menu=menu_cat_3594&bid=")+ Eval("BusinessID") %>'
                                        title="<%#Eval("BusinessName") %>" class="CategoryAndSubCategory">
                                        <%#Eval("BusinessName")%></a>
                                </div>
                            </h2>
                        </li>
                    </ItemTemplate>
                </asp:ListView>
       </ul>

我有这样的代码：

  DataTable dt =  objYPReviewRatingDataAccess.GetLatestRatingOrderByOperationDate();
            LatestRatingBusinessListView.DataSource = dt;
            LatestRatingBusinessListView.DataBind();

在 dt 我有这样的数据

 BusinessID                  BusinessName
  000000001                  GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG
  000000002                  abcd
  000000003                  HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH

我正在尝试像这样显示 BusinessName

  GGGGGGGGGGGGGGGGGG...
  abcd
  HHHHHHHHHHHHHHHHHH...

我不知道这样做，所以我不想拒绝任何角色，而我只想在溢出时最后显示带有点的内容。我怎样才能做到这一点。您的帮助对我来说意义重大。

谢谢你

就，关于。

4

1 回答 1

2

如果我理解您的要求，您可以将 CSS 属性添加text-overflow: ellipsis到您正在谈论的对象中，这会在溢出的文本行被切断之前添加“...”。

假设你有一个跨度：

<span class="testspan">Here's some text. Once the line becomes long enough, it will be cut off.</span>

使用这个 CSS：

.testspan {
     text-decoration: none; 
    text-overflow: ellipsis; 
    display: block; 
    overflow: hidden; 
    white-space: nowrap;
    width: 100px; 
    height: 20px;
}

你得到这个：

Here's some t...

在此处查看 jsfiddle：http: //jsfiddle.net/8a9gB/

于 2013-09-02T05:07:33.770 回答