Responsive Table
If you have a table that is too wide, you can add a container element with overflow-x:auto around the table, and it will display a horizontal scroll bar when needed.
Resize the browser window to see the effect. Try to remove the div element and see what happens to the table.
運動員 | 身高 | 體重 | 腰圍 | 臀圍 | 內腿長 | 長褲 | 短褲 |
---|---|---|---|---|---|---|---|
Jill | Smith | 50 | 50 | 50 | 50 | 50 | 50 |
Eve | Jackson | 94 | 94 | 94 | 94 | 94 | 94 |
Adam | Johnson | 67 | 67 | 67 | 67 | 67 | 67 |
Adam | Johnson | 67 | 67 | 67 | 67 | 67 | 67 |
Adam | Johnson | 67 | 67 | 67 | 67 | 67 | 67 |
Adam | Johnson | 67 | 67 | 67 | 67 | 67 | 67 |