我尝试使用内联样式调整Bootstrap标签的宽度。
这是我的代码:
<td><span class="label label-info" style="width:30px; text-align:center; background-color:#6d8cbf"> TEXT </span></td>
不幸的是,我的标签尺寸不是30px。它总是根据文本长度自动调整到最小所需大小。
希望有人可以提供帮助。感谢
答案 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>