Html <；的固定宽度；代码>；使用twitter引导的元素

我在表中有一组行，包含代码块，如下所示：

<td style='border-bottom: 1px solid lightgray;'>
    <div>
        <code>-1245</code>
    </div>                                 
    <br />                                 
    <div>
        <code>-12455</code>
    </div>                                  
    <br />                                 
    <div>
        <code>-1245</code>
    </div>                                
    <br />                                 
    <div>
        <code>-1245</code>
    </div>                                  
    <br />                                 
    <div>
        <code>-1245</code>
    </div>  
</td>

还有一些CSS，比如：

<style scoped>
    .k-grid code {
        width: 45px;
        color: lightslategray;
    }
</style>

HTML元素是一个内联包装器。要应用宽度，需要将显示类型更改为

块

或

内联块

：

td代码{
显示：块；
宽度：70px；
边际：2px0；
}

在这种情况下，您不需要通过

包装

元素：

-1245
-12455
-1245
-1245
-1245

这是

更新 首先，我应该注意，我之前只在上一个演示中使用了

margin

属性，请删除该属性。另外，最好重置

元素的
行高
属性：

td代码{
显示：块；/*或内联块*/
宽度：50px；
线高：1；
}

TW Bootstrap将
边距底部
属性应用于其
.progress
元素。如果需要，请重置样式表中的边距：

。进度{
页边距：0；/*之前：

之后：

我想保持原版“之前”的高度版本，因为这与其他内容相匹配。编辑高度似乎不能正确地发挥作用：S
谢谢！但是，这会使它们在高度上变得不成比例。由于我无法在评论中添加图像，请参阅下面我的下一篇文章，了解我的意思：）@NicklasWinger您可以随时编辑自己的文章以添加其他信息：）我已更新我的答案，请试一试。再次感谢您提供的精彩提示和帮助，但是
块和进度条在我的模板中被放置在三个单独的列中。我的进度条也有som自定义样式，因为其中一些是反向的（从右向左移动）它们都是以文本为中心的，它们被调整来对齐模板行的其余部分。你的前一个解决方案对我来说是个窍门，我将在短时间内更新我的问题：）看一下<代码>填充> <代码>和>代码>行高< /代码>。你也应该考虑为每一行创建新的<代码> <代码> s。为什么都是O？如果这些行包含在一个
？我可能错了，但这是一个网格组件内的剑道ui客户端行模板的一部分。上面看到的图像是一个动态生成的表中的整行。因此，在td中添加tr会使模板变得不稳定：）是有意义的。听起来像是一个很难处理的约束.祝你好运！说实话，这是一场噩梦