Skip to content
On this page

基本使用

如要使用图鸟内置的高度,使用tn-h类即可

基于百分比的高度

使用 tn-h-{fraction}tn-h-full 将元素设置为基于百分比的高度。

tn-h-1-2

tn-h-1-3

tn-h-2-3

tn-h-1-4

tn-h-2-4

tn-h-3-4

tn-h-1-5

tn-h-2-5

tn-h-3-5

tn-h-4-5

tn-h-1-6

tn-h-2-6

tn-h-3-6

tn-h-4-6

tn-h-5-6

tn-h-1-12

tn-h-2-12

tn-h-3-12

tn-h-4-12

tn-h-5-12

tn-h-6-12

tn-h-7-12

tn-h-8-12

tn-h-9-12

tn-h-10-12

tn-h-11-12

tn-h-full

固定数值的高度

tn-h-0 设置容器的高度为 0px

tn-h-px 设置容器的高度为 1px

tn-h-auto 设置容器的高度为自动

tn-h-screen 设置容器的高度为 100vh

Tuniao UI