CSSTDG读书笔记å??三

border-spacing,相当于原�的html属性cellspacing, 应用于table或table-inline,��一个或两个值,�两个值时第一个是水平方�第二个是垂直方�。IE�支�。
在separated border模�下,row,rowgroup,col,colgroup的border将被忽略。IE�能应用border于这些元素之上。
关于空�元格empty cell,有empty-cell属性(应用于table-cell),��值hide,show,inherit。IE始终hide。

collapse border模�下,相邻border的优先�决定:
1。hidden最大
2。none最�。
3。然�优先�先按照宽度定,宽者胜,之�按border style定,优先�按以下顺�递�:double, solid, dashed, dotted, ridge, outset, groove, inset.
4。如果除了颜色其他都一样,那么优先�按以下顺�递�:cell, row, row group, column, column group, table。如果这是还是是两个�级别的元素,那么由�览器定。

table-layout为fixed width模�时�比aotumatic width模�快
fixed width模�下,�个column的宽度由第一行决定,��行如果�个�元格�次定义宽度则会被忽略。
automatice width模����的多:
1。对于一个col中的�个cell,首先�计算最�宽度和最大宽度。
a。关于最�宽度:首先cell内容�以�许的最�宽度是内容最�宽度,文字�以�行,但是��超出。如果这个cell的宽度�于最�内容宽度,那么cell的最�宽度就是内容宽度,如果大于,就是这个指定的width。
b。关于最大宽度:内部内容�自动�行时需�的宽度。
2。对于一个col,也�计算最�宽度和最大宽度。
a。col的最�宽度由最大的cell最�宽度指定,如果col本身设置了width且大于所有的cell最�宽度,那么这个width就是这个col的最�宽度。
b。col的最大宽度由最大的cell最大宽度指定,如果col本身设置了width且大于所有的cell最大宽度,那么这个width就是这个col的最大宽度。
3。如果一个cell跨越了多余一个col,那么这些col的最�宽度之和应该等于这个cell的最�宽度,�样这些col的最大宽度之和也应该等于这个cell的最大宽度。所有的宽度改�都应该平分到这个cell所跨度的所有col上。

这些都确定之�,开始下�的步骤:
1。如果计算出的table width�是auto,那么这个值将和所有column的width+border+cell spacing之和比较,两者�较大的作为table的最�宽度。
2。如果计算出的table width时auto,那么最�的table width就是所有column的width+border+cell spacing之和。

总之automatic width是相当滴��,大概了解一下��,fixed width模�倒是蛮有用,�会被内容撑大。

Leave a Comment