Html CSS：如何使所有列的高度保持一行，并删除多余的空格？

我该如何让其他三排的高度与前三排相同？它应该没有理由附加到下一行，因为它与其他字符串的长度相同。我不想使用像素设置高度。我还想知道如何将我的内容垂直和水平地集中到div中

多谢各位

JsFiddle：

演示-

将表格col-md-2更改为col-md-3将调整文本

<div class="col-xs-12 col-md-3 columnFixedHeight"><span class="boldSpan">0. </span>0A3PJ</div>

---

或者，使用空白停止包装：nowrap；并使用文本对齐：居中：

---

我没看到你在描述什么。它们的高度都一样。@Andrew将预览窗口加宽..col-md-2更改为.col-md-3它不会中断，但只有4个会出现在1上line@NGLN隐马尔可夫模型。。。我扩大了，缩小了；还是一样高。可能是特定于浏览器的？对不起，我用的是Chrome/Winah。我打算发布图片，但我只限于2个链接。我认为JSFIDLE就足够了。

<div class="col-xs-12 col-md-3 columnFixedHeight"><span class="boldSpan">0. </span>0A3PJ</div>

.columnFixedHeight {
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #eee;
    background-color: rgba(86, 61, 124, .15);
    border: 1px solid rgba(86, 61, 124, .2);
    white-space:nowrap;/* <- added this to stop wrapping */
    text-align:center;/* <- and this to center the text *
}