超级链接降至新线

这是我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！

来源

2013-06-26 zey

你能解释一下为什么你'显示：block'在CSS？（删除它不会帮助，但我很好奇为什么你把它放在那里;你认为显示：块完全是） –

谢谢李斯特先生，我已经删除它:) – zey

添加样式：

float:left;

到div和链接

来源

2013-06-26 08:39:55 ojlovecd

添加样式到div作品都。看到你的小提琴http://jsfiddle.net/JntkC/1/

的更新版本行添加到CSS

float: left;

来源

2013-06-26 08:49:14

技术上是真的，但你应该把它在CSS中。这就是它所属的地方。 – Alexander

+1：你不应该鼓励内联样式。 – Andrew

我不推荐使用这种浮动。虽然它确实可行，但它改变了页面的布局，并且不需要进行这么小的更改。通过将div的显示类型更改为内联块来解决问题一样容易。

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

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

来源

2013-06-26 08:56:53 Andrew

超级链接降至新线

回答

相关问题