Bootstrap inline" width"标签的风格

时间:2016-12-02 07:53:30

标签: html css twitter-bootstrap width inline

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

这是我的代码:

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

不幸的是,我的标签尺寸不是30px。它总是根据文本长度自动调整到最小所需大小。

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

1 个答案:

答案 0 :(得分:0)

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

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

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

要为文本提供更多空间,您还可以使用padding。例如

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