css – 如何避免在twitter引导文本溢出?

前端之家收集整理的这篇文章主要介绍了css – 如何避免在twitter引导文本溢出?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是Twitter Bootstrap的新手。我写了以下HTML:
<div class="span4">
   <span class="row-fluid hideOverflow">
   @Html.ActionLink(item.Name,"Details",new { id = item.Id },new { @class = "JumpLinks",@style = "font-size:13px;font-weight:bold;" })
   </span>
</div>

hideOverflow类的CSS是:

.hideOverflow
{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

但它显示了我的结果:

然后我将“row-fluid”更改为span12,然后显示以下结果:

为什么我的hideOverFlow类不能与行流体类一起工作?

为了得到与流体类相同的结果,我需要改变什么?

解决方法

使这样的HTML结构…
<div class="span4">
   <span class="hideOverflow">@Html.ActionLink(item.Name,@style = "font-size:13px;font-weight:bold;" })</span>
</div>

CSS: –

.hideOverflow
{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:100%;
    display:block;
}

猜你在找的CSS相关文章