PHP知识、源码、教程、框架、程序分享! -- PHP社区 关于我们 联系我们 联系电话 联系QQ

CSS样式表格布局

发表时间:2013-09-06 点击:

[本文摘要]:CSS样式表格布局 表的布局可以得到相当复杂,特别是因为CSS定义了两种不同的方法来计算表单元格的宽度,以及两种方法来处理内部表中的表和元素的边界。如图1-4所示表格布局元素。...

CSS样式表格布局

表的布局可以得到相当复杂,特别是因为CSS定义了两种不同的方法来计算表单元格的宽度,以及两种方法来处理内部表中的表和元素的边界。如图1-4所示表格布局元素。


图1-4 表格布局元素

表排列规则

在一般情况下,是奠定了一个表根据以下原则:

•每一行中包含一个单列网格单元。在一个表中的所有行方块从顶部到底部填充表
在源文件中出现的顺序。因此,表中包含尽可能多的网格的行数一样行元素。

•行组的框包含了相同的网格单元,它包含的行箱。

• A柱箱包括一个或多个列的网格单元。列箱子放在彼此相邻的,它们发生的顺序。第一栏框在左边左到右的语言和从右到左的语言的权利。

•一个栏目组的框包含了相同的网格单元,它包含列框。

虽然细胞可能跨越多个行或列, CSS没有定义如何发生这种情况。相反,这是留给文档语言定义跨越。每个跨区细胞是一个矩形框,一个或多个网格单元,宽和高。

这个矩形是最上面一行行细胞是父母的。细胞的矩形必须尽量向左侧左到右的语言,但它可能不会重叠任何其他的电池盒。它也必须是所有单元格的右侧同一行中的早源文档中的在左到右的语言。在从右到左的语言,一个跨区细胞必须是尽可能向右侧尽量不重叠的其他细胞的情况下,必须在同一行中的所有单元格后,它在文档中源左边。

一个细胞的框不能超出框表或行组的最后一排。如果该表结构导致这种条件下,电池必须缩短,直到它可以装在包围它的表或行组。

版权声明:本文系技术人员研究整理的智慧结晶,转载勿用于商业用途,并保留本文链接,侵权必究!

本文链接:http://php.aixc.cn/web/css/145.html

声明:本站技术及源码均为原创,转载请勿用于商业用途,并注明出处及原文链接,侵权必究。