tabbox是多页签的容器
tabs中的tab是用来表示页签的头部
tabpanels下的tabpannel是页签的内容
tabs中元素顺序与tabpannel元素顺序对应
引入网页在tabpanel中使用browser也可以使用iframe
<tabbox id="tab_list" flex="1" >
<tabs>
<tab label="javaeye"/>
<tab label="网易" />
</tabs>
<tabpanels class="tps" flex="1">
<tabpanel>
<browser id="page_content" type="content" flex="1" src="http://www.iteye.com" />
</tabpanel>
<tabpanel>
<browser id="page_content" type="content" flex="1" src="http://www.163.com" />
</tabpanel>
</tabpanels>
</tabbox>
上面代码中flex属性,非常重要,如果没有这个属性显示会有很大问题
官网对flex的解释:
flex
Type: string (representing an integer)
Indicates the flexibility of the element, which indicates how an element's container distributes remaining empty space among its children. Flexible elements grow and shrink to fit their given space. Elements with larger flex values will be made larger than elements with lower flex values, at the ratio determined by the two elements. The actual value is not relevant unless there are other flexible elements within the same container. Once the default sizes of elements in a box are calculated, the remaining space in the box is divided among the flexible elements, according to their flex ratios. Specifying a flex value of 0 has the same effect as leaving the flex attribute out entirely.
效果如附件所示
- 大小: 80.7 KB
分享到:
相关推荐
事实上,即将发布的 Firefox 4.0 不仅仅是由 XUL 构建的,但它提供了一个 XUL 运行时环境,允许任何 Firefox 用户运行其他 XUL 应用程序。在本教程,您开始使用 XUL 进行编程,并学习一些帮助您开发 XUL 应用程序的...
本文档详细介绍了Firefox扩展开发的详细过程,包括文档的组织结构,安装的配置以及一些基本的xul语法知识等,文档中的示例可以直接编辑,生成Firefox扩展。
xul文档具体标签说明和例子xul文档具体标签说明和例子
mozilla_firefox_xul_spoof
博文链接:https://zsp.iteye.com/blog/232047
《初识XUL用户界面UI开发》XUL是Mozilia社区开发技术中的一员,总要是为用户界面UI服务,Firefox就XUL以及其它一系列相关的基础库开发出来的成功之作。事实证明XUL是成功的UI开发技术,本文以一个最简明的视角来向看...
XUL标签的介绍及用法,最近学ZK淘换来的,挺全的
标签套件 2 该项目旨在使原始 Pale Moon 兼容。 Firefox 支持已消失,欢迎 Pale Moon 由于 Firefox 57+ 只支持... 带有标签树支持的另一个扩展的 Firefox 我自己正在使用 Pale Moon + Vivaldi。 来自原始 Tab Kit
XUL (XML User-interface Language - 基于 XML 的用户接口语言)是一种新的富客户端(Rich Client)技术,是 Mozilla 和 Firefox 的核心语言,是一种用来快速开发跨平台用户接口的新途径。其实不难发现很多新出现的...
xul是XML User Interface language 的简写,是Mozilla基金会开发的一种基于XML的标记语言,一般用来构造程序的界面,典型的firefox就是这种的实践,目前XUL只能被Firefox的浏览器支持,它和js,css,html等理论上能够...
开发firefox扩展时使用XUL文件的自动补齐acp文件,用于editplus。不知能否用于其他编辑器 对XUL reference中列出的标签都可进行自动补齐, 如box标签,使用自动补齐之后只需要输入box然后按空格键即可自动补齐为 ...
是一个xul music player
Firefox-52-ESR-legacy-addon:[WIP]在基于XUL的清除中断之前,Mozilla Firefox浏览器扩展,插件,addons.mozilla.org中的主题的精选列表和XPI文件
这是Alice0775当时发布的旧版“书签搜索加” XUL扩展的Mozilla Firefox Web扩展插件版本,在最新的Firefox中不再可用,这非常有用。 可以在上找到我不时在这里上传源代码,并用其版本标记它,因此它经常发生在最晚...
您可以查看下一个约会(保存在Zimbra日历中)并由系统通知。 也可以跟踪正在进行的任务。目前支持: (:例如,使用默认的Zimbra登录界面中的所有网站 , , ,...)和specifique网站: 和尚不支持: 除和外,所有...
一个用xul写的便签,可以实现记事的功能
一个很完善的tree,使用xul界面语言完成。 一个很完善的tree,使用xul界面语言完成。 欢迎大家使用,提出意见。
Mozext Mozilla Firefox和Mozilla Thunderbird的扩展/附加组件请检查我的专用网站以获取更多详细信息: → 目录WebExtensions / MailExtensions | 请检查每个文件夹中的特定自述文件以获取构建说明。雷鸟 火狐浏览器...
XUL开发手册.pdf
清晰给出繁杂配置和步骤, c++开发xpcom组件的完整例子, vs2005 环境配置 ,xpconnect调用xpcom组件, xul 中使用javascript 内有源码,配置图示