Css 引导面板标题：标题文本的右侧带有省略号和按钮_Css_Twitter Bootstrap

Css 引导面板标题：标题文本的右侧带有省略号和按钮

css twitter-bootstrap

Css 引导面板标题：标题文本的右侧带有省略号和按钮,css,twitter-bootstrap,Css,Twitter Bootstrap,如果文本太长，则按钮向下移动。我希望：按钮仍然位于右侧，并且始终位于同一顶层文本将在按钮前缩短（省略号）这可能吗。面板标题h3{ 空白：nowrap；溢出：隐藏；文本溢出：省略号；线高：正常； } 与短文本，它的作品伟大！新的面板内容但对于长文本，按钮较低：Lorem ipsum dolor sit amet、consetetur sadipscing elitr、sed diam NONUM eirmod TEMPORT invidunt ut Labor et

如果文本太长，则按钮向下移动。我希望：

按钮仍然位于右侧，并且始终位于同一顶层
文本将在按钮前缩短（省略号）

这可能吗

。面板标题h3{
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
线高：正常；
}


与短文本，它的作品伟大！
新的
面板内容
但对于长文本，按钮较低：Lorem ipsum dolor sit amet、consetetur sadipscing elitr、sed diam NONUM eirmod TEMPORT invidunt ut Labor et dolore magna aliquyam erat、sed diam voluptua。在vero eos和accusam以及justo duo dolores和ea Reum。
新的
面板内容

将

向左拉添加到您的h3
标签中
<h3 class="panel-title pull-left">

将按钮移到h3
标签外
<h3 class="panel-title pull-left">With short text it works great!</h3>
<button class="btn btn-default pull-right">New</button>


与短文本，它的作品伟大！
新的
面板内容
但对于长文本，按钮较低：Lorem ipsum dolor sit amet、consetetur sadipscing elitr、sed diam NONUM eirmod TEMPORT invidunt ut Labor et dolore magna aliquyam erat、sed diam voluptua。在vero eos和accusam以及justo duo dolores和ea Reum。
新的
面板内容
这是可能的。。请将您的代码添加到问题中，以显示您的努力。如果你可以的话，在bootply上举个例子会更好。花一个小时在stackoverflow问题上格式化html代码没有结果，所以这里有一个链接，指向“不管你是否愿意这样做，Jobacca；这是一个要求。由于文本div的宽度可变，纯CSS很难做到这一点。但是，使用老式的表标记非常简单。@jobaca嵌入代码花费了10秒的时间。我真的不知道为什么要花你一个小时
<h3 class="panel-title pull-left">With short text it works great!</h3>
<button class="btn btn-default pull-right">New</button>