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

1

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

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

这是一个小提琴：http: //jsfiddle.net/JntkC/2/

于 2013-06-26T08:56:53.643 回答
0

添加样式：

float:left;

到 div 和链接

于 2013-06-26T08:39:55.357 回答
0

将风格添加到div作品中。查看小提琴的更新版本http://jsfiddle.net/JntkC/1/

将此行添加到 CSS

float: left;
于 2013-06-26T08:49:14.757 回答