如何使标签按钮宽度灵活 - 离子2

Question

有没有办法让标签按钮的宽度变得灵活？

例如这是我的普通标签

我想制作标签宽度，例如此图片

我可以通过此css代码显示全文

.tab-button {
   min-width: fit-content;
}

但结果如此图片

Answer 1

也许尝试这样的事情：

＆＃13;

＆＃13;

.tabs{
  border: 1px solid black;
  width: 300px;
  display: flex;
  justify-content: space-between;
}

.single-tab{
  padding: 10px 20px;
  border: 1px solid gray;
  flex-grow: 1;
}

＆＃13;

<div class="tabs">
  <div class="single-tab">
    Tab1
  </div>
  <div class="single-tab">
    Tab2222222
  </div>
  <div class="single-tab">
    Tab3
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;