c# - 超链接被丢弃到新行

Question

这是我的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 被放到了新行。我该如何解决？

这是 Fiddle !

Answer 1

我不建议为此使用 float 。虽然它确实起到了作用，但它改变了页面的布局，而且对于这么小的改变来说是不必要的。通过将 div 的显示类型更改为 inline-block 来修复同样容易。

.ellipsis
{
  display: inline-block;
  ...
}

这是一个 fiddle :http://jsfiddle.net/JntkC/2/