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

あなたが何を求めているのか理解できたら、text-overflow: ellipsis話しているオブジェクトに CSS プロパティを追加できます。これにより、オーバーフローしたテキスト行が途切れる前に「...」が追加されます。

スパンがあるとします：

<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 に答える