项目:
标签页
描述:
标签页,或称选项卡,用于分隔内容上有关联但属于不同类别的信息集合。
资源:
basic_reset.css basic_font.css nav_tabs.css util_atom.css(可实现居中、右对齐)

默认:

我是标签1
这里是标签2的内容
现在看到的是标签3的内容

居中对齐:

我是标签1
这里是标签2的内容
现在看到的是标签3的内容

右对齐:

我是标签1
这里是标签2的内容
现在看到的是标签3的内容

堆叠排列靠左:

我是标签1
这里是标签2的内容
现在看到的是标签3的内容

堆叠排列靠右:

我是标签1
这里是标签2的内容
现在看到的是标签3的内容

水平下方:

我是标签1
这里是标签2的内容
现在看到的是标签3的内容

长内容测试:

Lorem ipsum dolor sit amet consectetur, adipisicing elit.

Aspernatur natus molestias quos iure alias similique non.

Harum doloremque, iste dolores ratione totam odio quaerat.

Adipisci cupiditate placeat deserunt ad mollitia!

Lorem ipsum dolor sit amet consectetur, adipisicing elit.

Aspernatur natus molestias quos iure alias similique non.

Harum doloremque, iste dolores ratione totam odio quaerat.

Adipisci cupiditate placeat deserunt ad mollitia!

Lorem ipsum dolor sit amet consectetur, adipisicing elit.

Aspernatur natus molestias quos iure alias similique non.

Harum doloremque, iste dolores ratione totam odio quaerat.

Adipisci cupiditate placeat deserunt ad mollitia!

Lorem ipsum dolor sit amet consectetur, adipisicing elit.

Aspernatur natus molestias quos iure alias similique non.

Harum doloremque, iste dolores ratione totam odio quaerat.

Adipisci cupiditate placeat deserunt ad mollitia!

Lorem ipsum dolor sit amet consectetur, adipisicing elit.

Aspernatur natus molestias quos iure alias similique non.

Harum doloremque, iste dolores ratione totam odio quaerat.

Adipisci cupiditate placeat deserunt ad mollitia!

Lorem ipsum dolor sit amet consectetur, adipisicing elit.

Aspernatur natus molestias quos iure alias similique non.

Harum doloremque, iste dolores ratione totam odio quaerat.

Adipisci cupiditate placeat deserunt ad mollitia!

禁用:禁用的页签无法点击,也无法被键盘 tab 键索引到

我是标签1
这里是标签2的内容
现在看到的是标签3的内容