jQuery MiniUI

标题: tabs [打印本页]

作者: woshimtvip 时间: 2017-2-16 13:27:02 标题: tabs

导航的tabs怎么设置固定宽度

作者: dforce 时间: 2017-2-16 14:20:44

<div class="mini-tabs" style="width:200px" >

作者: woshimtvip 时间: 2017-2-16 14:44:25

dforce 发表于 2017-2-16 14:20

面板固定宽度

作者: woshimtvip 时间: 2017-2-16 15:01:57

dforce 发表于 2017-2-16 14:20

面板怎么固定宽度？

作者: dforce 时间: 2017-2-16 15:21:23

woshimtvip 发表于 2017-2-16 15:01
面板怎么固定宽度？

请具体说清楚你的问题，你说的面板指的是什么，如果tabs内部的区域，tabs宽度固定了，内部区域的宽度也是固定的

作者: woshimtvip 时间: 2017-2-16 15:33:00

dforce 发表于 2017-2-16 15:21
请具体说清楚你的问题，你说的面板指的是什么，如果tabs内部的区域，tabs宽度固定了，内部区域的宽度也是 ...

显示tab标题的区域

作者: woshimtvip 时间: 2017-2-16 16:06:07

woshimtvip 发表于 2017-2-16 15:33
显示tab标题的区域

不能固定显示tab标题区域的宽带吗？而且标题内容居左怎么整呢

作者: woshimtvip 时间: 2017-2-16 16:06:58

dforce 发表于 2017-2-16 15:21
请具体说清楚你的问题，你说的面板指的是什么，如果tabs内部的区域，tabs宽度固定了，内部区域的宽度也是 ...

不能固定显示tab标题区域的宽带吗？而且标题内容居左怎么整呢

作者: dforce 时间: 2017-2-16 16:10:51

woshimtvip 发表于 2017-2-16 16:06
不能固定显示tab标题区域的宽带吗？而且标题内容居左怎么整呢

.mini-tabs-header
      {
         table-layout:fixed;
         }
      .mini-tab
      {
         width:..;
         overflow:hidden;
         }

作者: woshimtvip 时间: 2017-2-16 16:42:43

dforce 发表于 2017-2-16 16:10
.mini-tabs-header
{
table-layout:fixed;

可以实现，想请问你溢出的内容可以显示省略号吗？且鼠标移上去有完整内容提示

作者: woshimtvip 时间: 2017-2-16 17:01:28

dforce 发表于 2017-2-16 16:10
.mini-tabs-header
{
table-layout:fixed;

限制宽带的话，如果标题过长，关闭按钮也不见了

作者: dforce 时间: 2017-2-16 17:11:00

woshimtvip 发表于 2017-2-16 17:01
限制宽带的话，如果标题过长，关闭按钮也不见了

固定宽度的话就只能这样显示。

作者: woshimtvip 时间: 2017-2-16 17:49:06

dforce 发表于 2017-2-16 17:11
固定宽度的话就只能这样显示。

不能将关闭按钮固定显示在最右边吗？

作者: felt 时间: 2017-3-10 16:43:24

woshimtvip 发表于 2017-2-16 17:49
不能将关闭按钮固定显示在最右边吗？

可以修改样式来实现，但是会和你的文字叠在一起。
.mini-tabs-header
      {
         table-layout:fixed;
         }
      .mini-tab
      {
         width:40px;
         overflow:hidden;
         position:relative;
         }
         .mini-tab-close
         {
            position:absolute;
            top:0;
            right:0;
            }

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)