📄 table-overlap-desc.html
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html lang="en"> <head><meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1"> <title>Long description for example showing how structurallyoverlapping cells are rendered</title> </head> <body> <h1>Long description for example showing how structurally overlapping cells are rendered</h1><P>This example shows a difference between CSS's table model for HTMLand for other document formats. The first, HTML, example is defined byHTML to be illegal, as it would lead to overlapping cells if HTML'srules for layout are followed. The CSS rules apply to other formatsthan HTML, and don't have this problem.<P>The diagram depicts how the two examples, the HTML one and thealmost identical non-HTML one, might be rendered. The rendering of theHTML example is undefined, and one possible rendering is shown here,in the left half of the figure: it has two cells that overlap. Therendering of the non-HTML example is on the right, it follows the CSSrules and thus has no overlapping cells.<p>In both tables, cells have gray backgrounds and a blackborder. Each contains a single digit as label. Cells are separatedfrom each other by cell spacing.<P>The left table has a top row of four cells, containing, resp. thedigits "1", "2", "3", and "4". The second of these cells, the one withthe digit "2" in it, extends into the row below. The second row of thetable contains one cell, which contains the digit "5", and it spanscolumns one and two. Thus, the cell labeled "2" and the cell labeled"5" overlap in the second row, second column. The overlap is depictedby a darker gray background.<P>The right table has the same top row of four cells, labeled "1","2", "3", and "4". The second cell again spans rows one and two. Thesecond row of the table contains one cell, containing the digit "5",that spans columns three and four. Thus, no cells overlap, but thefirst cell of the second row is left empty.<P><a href="../../tables.html#img-table-overlap">Return to image.</a> </body></html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -