Bootstrap 内联 "width" 标签样式

Question

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

这是我的代码：

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

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

希望有人能提供帮助。谢谢

Answer 1

因为 span 是一个内联元素，所以它没有宽度和高度。

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

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

要使文本更多 space，您还可以使用 padding。例如

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

Bootstrap inline "width" style for label