tablewidegt的标签栏怎么把文字放在图片下面

可以使用HTML和CSS来实现在标签栏中将文字放在图片下面。以下是一个示例代码：

<div class="tab">
  <button class="tablinks">
    <img src="your-image-url.png" alt="Your Image">
    <br>
    Your Text
  </button>
</div>

然后使用CSS来设置图片和文字的样式，如下所示：

.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

.tab button img {
  display: block;
  margin: 0 auto;
}

.tab button:hover {
  background-color: #ddd;
}

.tab button.active {
  background-color: #ccc;
}

在上面的示例CSS中，我们使用了 `float: left` 属性来使图片和文字在同一行显示，并使用 `display: block` 属性来使图片水平居中显示。 `padding` 属性用于调整按钮大小，以便适应图片和文字。最后，使用 `:hover` 和 `.active` 伪类来设置按钮的悬停和活动状态的背景颜色。