当前位置:首页 > 开发 > Web前端 > 前端 > 正文

Firefox扩展 XUL中关于box的几点操作

发表于: 2010-11-02   作者:hotsunshine   来源:转载   浏览次数:
摘要: 主要是用到了box的两种常见形式:vbox(元素垂直摆放),hbox(元素水平摆放) 滚动条 设置 style="overflow:scroll;" 属性,可以给box添加滚动条 其实只要能设置style,就说明这玩意跟css有扯不开的关系,布局什么的就靠他 子元素排列 box有一个align的属性,缺省为stretch,它表示其中的子元素
主要是用到了box的两种常见形式:vbox(元素垂直摆放),hbox(元素水平摆放)

滚动条
设置
style="overflow:scroll;"

属性,可以给box添加滚动条

其实只要能设置style,就说明这玩意跟css有扯不开的关系,布局什么的就靠他

子元素排列
box有一个align的属性,缺省为stretch,它表示其中的子元素会发生纵向扩展
如果给box添加了一个图片标签,这个图片又比较小的情况下,图片会拉伸扭曲变形
可以把设为 start(如果是水平的box,它就是顶端对齐。如果是竖直的box,它就是左对齐)
还可以设为以下值
center   居中
end      如果是水平的box,它就是底端对齐。如果是竖直的box,它就是右对齐。
baseline 文本线对齐,只可以用在水平box上。
stretch  自动扩展


删除子元素
删除某一个特定的子元素
box.removeChild(child_element)

删除所有的元素(一般初始化的时候用得着)
while (box.firstChild){
 box.removeChild(box.firstChild);
}


添加子元素
box.appendChild(child_element)

例如我要添加一个图片
var image = document.createElement("image"); //这个document要根据上下文来
var image_src = "https://developer.mozilla.org/skins/mozilla/Fox3/img/mdc-logo.png";
image.setAttribute("src",image_src);
box.appendChild(image);


在某一位置插入元素的话可以结合jQuery来操作
$(child1_element).insertAfter($(child2_element))




Firefox扩展 XUL中关于box的几点操作

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
tabbox是多页签的容器 tabs中的tab是用来表示页签的头部 tabpanels下的tabpannel是页签的内容 tabs中
平时浏览网页,碰到比较好的文章,就想分享给朋友。 有的网页在文章的后面放一个按钮“复制链接”、
原文地址:http://blog.csdn.net/tragicguy/article/details/21893065 今天在做一个程序的界面时,
前言 谈及企业服务总线(ESB),在有面向服务的架构(SOA)实施经验的开发者眼中一定不会陌生。这些
背景 今天早上,领导给了我一个任务:在老的系统运行中,DBA反馈说获取database TableMeta操作有点
背景 今天早上,领导给了我一个任务:在老的系统运行中,DBA反馈说获取database TableMeta操作有点
背景 今天早上,领导给了我一个任务:在老的系统运行中,DBA反馈说获取database TableMeta操作有点
背景 今天早上,领导给了我一个任务:在老的系统运行中,DBA反馈说获取database TableMeta操作有点
背景 今天早上,领导给了我一个任务:在老的系统运行中,DBA反馈说获取database TableMeta操作有点
背景 今天早上,领导给了我一个任务:在老的系统运行中,DBA反馈说获取database TableMeta操作有点
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号