Zozo Tabs - 整页宽度

时间:2015-02-19 06:47:04

标签: html tabs width

我想知道这里是否有人有Zozo标签的经验,并且知道是否可以将标签大小调整为页面的完整定义宽度。目前,我试图在1440像素的页面上拉伸3个标签。我已经能够应用CSS样式来实现这一点,问题是如果我将标签设置为每个480px或33%,第三个标签移动到一个新行,前两个标签各占50%上面一行的页面宽度。在我将宽度设置为466px或32%或更低之前,标签不会移动到同一行,显然问题是右边的大边距。我尝试过玩中间的值,但它们什么都不做,它是一行右边距很大,或者跳到两行标签。

所以我的问题是,是否有可能在没有边距的情况下在单行上正确实现这三个标签到我的1440px定义宽度?或者Zozo标签不是为此设计的,是否有相同的选择?

我是一个相对新手的页面构建器,特别是当涉及到更高级的东西时,所以任何帮助都会非常感激,以实现我的目标并帮助我提高能力。非常感谢你提前。

1 个答案:

答案 0 :(得分:0)

Ron_89,基于我对您的问题的理解,我在Zozo标签网站上尝试了这个。我在IE11中使用DOM资源管理器编辑了CSS。这是我想要实现的目标的屏幕截图 - Equally sized tabs across the host div for ZoZo tabs

注意标签占据了整个空间,直到边界点。边界位于托管div标签上。如果托管div标签设置为在屏幕上展开,则完全占用它会使标签分散以横向占据整个屏幕。

我实现了这个目标
Setting the width on the ul element for the tabs to 100%. 
Each li element then was set to a width which was 100 / 5, 

由于有5个标签。如果有更多标签,

it should be 100 / (number of tabs). 

在某些情况下,由于排水沟或其他空间占据标记中的非可见元素,宽度的确切值可能小于由100 /(标签数量)导出的值。在这种情况下,请使用任何浏览器中的任何开发人员工具栏检查此类非可见空间占用元素的标记。 希望这会有所帮助!!