0

これは私のaspxコードです、

<div class="ellipsis">
Body Text Body Text Body Text Body Text Body   
Text Body Text Body Text Body Text Body !!!
</div>
<asp:HyperLink ID="HyperLink1" runat="server">
    <span style="color: Maroon; font-style: italic; font-size: small;">
        More..
    </span>
</asp:HyperLink>

CSS

.ellipsis
{ 
    width:               250px;
    white-space:         nowrap;
    overflow:            hidden;
    text-overflow:       ellipsis;
    -o-text-overflow:    ellipsis;
    -ms-text-overflow:   ellipsis;
    -moz-binding:        url('ellipsis.xml#ellipsis');
}

一行のいいねを表示したい

 Body Text Body Text ...More..

ただし、ハイパーリンクHyperLink1は新しい行にドロップされます。どうすれば修正できますか？

これがフィドルです！

4

3 に答える 3

0

作品にスタイルを加えるdiv。フィドルの更新バージョンを参照してくださいhttp://jsfiddle.net/JntkC/1/

この行を CSS に追加します

float: left;
于 2013-06-26T08:49:14.757 に答える
0

スタイルを追加します。

float:left;

div とリンクの両方に

于 2013-06-26T08:39:55.357 に答える