我是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; }