.rotate {
transform: rotate(270deg);
}
Этого должно быть достаточно, чтобы повернуть текст вертикально снизу вверх, применить его к div, содержащему текст. Если вы используете режим записи: vertical-rl / lr в сочетании с этим, это может быть переключением на другое.
TabLayout
был введен, чтобы помочь разработчикам соответствовать стандартам Material Design. В этом случае это соответствующая высота вкладки, заполнение между значком и текстом, а также значок и размер текста. Изучите Руководство по дизайну материалов , чтобы ознакомиться с ними.
Однако, если вам действительно не нравится заполнение (и вы не хотите создавать приложение в соответствии с Material Design рекомендации) вы можете изменить его.
Вы можете использовать @ user13 answer . Таким образом, вы можете передать свой макет.
Однако помните, что если вы хотите динамически строить TabLayout
и использовать его TabLayout.Tab#setText(java.lang.CharSequence)
и TabLayout.Tab#setIcon(int)
, вы должны использовать макет:
<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@android:id/icon"/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="0"
android:id="@android:id/text1"
android:gravity="center"
android:layout_below="@android:id/text1" />
Посмотрите на идентификаторы @android:id/icon
и @android:id/text1
. Если вы добавите эти ID TabLayout
, ваш макет будет работать с кодом класса TabLayout
. Взгляните на документацию для получения дополнительной информации.