基本使用 ​

如要使用图鸟内置的宽度，使用tn-w类即可

基于百分比的宽度 ​

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

tn-w-1-2

tn-w-1-3

tn-w-2-3

tn-w-1-4

tn-w-2-4

tn-w-3-4

tn-w-1-5

tn-w-2-5

tn-w-3-5

tn-w-4-5

tn-w-1-6

tn-w-2-6

tn-w-3-6

tn-w-4-6

tn-w-5-6

tn-w-1-12

tn-w-2-12

tn-w-3-12

tn-w-4-12

tn-w-5-12

tn-w-6-12

tn-w-7-12

tn-w-8-12

tn-w-9-12

tn-w-10-12

tn-w-11-12

tn-w-full

固定数值的宽度 ​

tn-w-0 设置容器的宽度为 0px

tn-w-px 设置容器的宽度为 1px

tn-w-auto 设置容器的宽度为自动

tn-w-screen 设置容器的宽度为 100vw

tn-w-min 设置容器的宽度为 min-content, 该值为浏览器自动计算的最小宽度

tn-w-max 设置容器的宽度为 max-content, 该值为浏览器自动计算的最大宽度