Section XXII - Table

table is the block-level elements, table width to height, the cell will be automatically assigned, not to the table width and height, cell based content distribution, but still aligned

table: thead table header (th header cell), the word in the right and left vertical centering th

          tbody table body

          tfoot footer

                                  tr: table row

                                  td: Normal Cells     

 

 

 After the css to the table, th, tr, td border can be, not to where table border.

1. ♥ to beautify will be colspan (across columns ), cross-listed their own cell count is a label attribute

 

 

 

 

 

 

 When to tfoot thead th td in the cell across columns, tbody in the middle of the cell on the same size , or otherwise with the tbody th td tfoot in the same size.

tbody consistent with the size of the reason is that when thead in the th or td tfoot the cross grid, tbody td its not in the same column, and the unaffected

2. ♥ rowspan is interbank, merged with a general things, such as the two men merged into one.

 Prince is a male td that line, interbank rowspan = "2", the Wu Dong men td before the line deleted

 

 

There are two control table cell style attributes: border-spacing: the distance between the cells

                                                          border-collapse: when using the border-spacing is 0, the default separate, that is, after the merger was originally twice the border, when the border is doubled for the collapse of

 

th: in a word bold, vertical and horizontal center

tbody in cell width and height table automatically bisecting

It depends on the maximum line width of the cell.

It is a block-level table, support wide high margin: auto

td th does not support margin support padding, does not support setting the width and height

table tr thead th table elements do not nest between the other elements, td th internal elements can be nested to any

To table: text-align: center, the text will be centered in the cell

 

 

 

 

 

                                                           

Guess you like

Origin www.cnblogs.com/yzdwd/p/12160824.html