Как сделать ширину кнопок вкладок гибкой - ионной 2 - PullRequest
Новая
       19

Как сделать ширину кнопок вкладок гибкой - ионной 2

0 голосов
/ 10 июня 2018

Есть ли способ сделать ширину кнопок вкладок гибкой?

например это мои обычные вкладки

enter image description here

Iхочу сделать ширину вкладок, как это изображение

enter image description here

Я мог бы показать полный текст с помощью этого кода CSS 

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

но результат был такой как эта картинка

enter image description here

1 Ответ

0 голосов
/ 10 июня 2018

Может быть попробовать что-то вроде этого: 

.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;
}
<div class="tabs">
  <div class="single-tab">
    Tab1
  </div>
  <div class="single-tab">
    Tab2222222
  </div>
  <div class="single-tab">
    Tab3
  </div>
</div>
...