强制Bootstrap Nav-Brand溢出

Question

我在使用ASP.NET mvc的Bootstrap导航栏时遇到了问题。在我的布局文件中，我有一行如下：<div class="navbar-brand">This is a very long string I want to go in the title.</div>。我的问题是，当屏幕太窄而文本不适合一行时，我希望它使用省略号而不是换行到下一行。我尝试了一些css，如下：

.navbar-brand    {
    text-overflow: ellipsis;
    text-wrap:none;
}

无效。我怎样才能做到这一点？

Answer 1

尝试使用此代码，您需要定义宽度以使整个工作正常并设置overflow: hidden + white-space: nowrap。的 Fiddle

.navbar-brand{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width:100%;
}