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

【问题标题】：Bootstrap inline "width" style for label标签的引导内联“宽度”样式
【发布时间】：2017-04-17 01:43:33
【问题描述】：

我尝试使用内联样式调整 Bootstrap 标签的宽度。

这是我的代码：

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

很遗憾，我的标签没有 30px 的大小。它总是根据文本长度自动将自己调整到所需的最小尺寸。

希望有人可以提供帮助。谢谢

【问题讨论】：

【解决方案1】：

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

您可以做的只是将display: block 添加到内联样式中。

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

为了给文本更多空间，您还可以使用padding。例如

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

【讨论】：