XUL Tutorial Study Notes - The Box Model
来源:互联网 发布:画图visio软件下载 编辑:程序博客网 时间:2024/05/16 14:49
The Box Model
1. <hbox> and <vbox>, <box> with attribute orient(default horizontal and vertical).
Element Positioning
1. Flexible elements' default size is calculated the same as for inflexible elements, if you want your flexible elements stretch you have to define the parent box flexible too.
2. Properties minheight maxheight minwidth maxwidth are only useful for flexible elements, the same as CSS corresponding properties.
3. Box attribute pack (start, center, end) controls the positioning of children.
4. Flexibility is assumed by default in the other direction, to change the default, you have to use thealign attribute(start, end, center, baseline only useful in horizontal, stretch).
5. You can also use the style properties -moz-box-align and -moz-box-pack instead.
6. Attribute corp(left, right, center, none for default) used for text ellipsis.
Box Model Details
1. Remember that flexibility only has meaning for elements that are directly in a box or an element that is a type of box.
Horizontal boxes
- Lay out their elements next to each other horizontally.
- Flexible elements are flexed horizontally.
- Packing controls their horizontal placement of child elements.
- Alignment controls how the row of elements are aligned vertically.
Vertical boxes
- Lay out their elements vertically in a column.
- Flexible elements are flexed vertically.
- Packing controls the vertical placement of child elements.
- Alignment controls how the column of child elements are aligned horizontally.
Groupboxes
1. Groupbox has a vertical orientation by default.
2. <groupbox> <caption>
- XUL Tutorial Study Notes - The Box Model
- XUL Tutorial Study Notes - Introduction
- XUL Tutorial Study Notes - Simple Element
- XUL Tutorial Study Notes - More Layout Elements
- XUL study
- The CSS Box Model
- The CSS Box Model
- Study notes for Gaussian Mixture Model
- XUL Tutorial翻译计划
- The launcher3 study notes for ICon change
- The next day of study notes
- ZedBoard Study Notes -- Running the Qt Program
- study notes
- notes of 《Inside the C++ object model》
- XUL Tutorial-第一章介绍
- 读The CSS Box Model有感
- 读The CSS Box Model有感
- K&R the C programming language——study notes
- java中list、set和map 的区别
- 为学论坛“每日一题”系列---删除所有的a,复制所有的b(待修改)
- Facebook杯2013年编程挑战赛——第一轮题目及答案
- POJ1833(字典序的排序算法)
- servlet3.1规范翻译:第15章 与其它规范有关的要求
- XUL Tutorial Study Notes - The Box Model
- 概率数理统计-- 1.3 事件的运算、条件概率与独立性
- 如何查看Linux系统是64位还是32位
- Xcode的快捷方式(Code Snippet Library)
- Android中如何自动弹出软键盘
- [系统教程] MAC下的SVN服务器建立
- 关于大型web服务器的设计思路
- 在windows下面安装Qt并使用
- ORA-12560: TNS: 协议适配器错误