标签的引导内联“宽度”样式

这是我的代码：

<td><span class="label label-info" style="width:30px; text-align:center; background-color:#6d8cbf"> TEXT </span></td>

不幸的是，我的标签没有30像素的大小。它总是根据文本长度自动调整到最小所需的大小。

希望有人可以帮忙。谢谢

2016-12-02 C. Hediger

由于span是一个内联元素，它没有宽度和高度。

你可以做的只是简单地将display: block添加到内联样式中。

<td> 
    <span style="display: block; width: 30px;">TEXT</span> 
</td>

给文字，你也可以使用padding更多的空间。例如

<td> 
    <span style="padding: 10px 20px;">TEXT</span> 
</td>

2016-12-02 08:03:43 SvenL

谢谢你的回答。但它不起作用。 http://www.bootply.com/AtikxSvhQT –

谢谢。基本工作。但文本不再以中心为中心......但它起作用。谢谢。 –

不客气。用_不是居中_你的意思是水平还是垂直？因为当我看着结果时，文字似乎很好地居中。 – SvenL

回答