Home >Web Front-end >HTML Tutorial >Two
How to control the display In one line
Reply to discussion (solution)
I don’t understand! Nested?
No, two tables are displayed side by side on one line. I tried floating and felt that the layout was not good. Is there any good way? td>
is to nest two tables in In the same row of another table, try
side by side. It only floats, which is easier to use.
If you don’t want to use floating, then absolute positioning is not as maintainable as floating.
If that doesn't work, use display:inline-block; However, this has a bug in ie6. If you ignore ie6, you can still use it.
css plus style="float: float". Then define the size! Better! < td>
but that doesn’t work. In the end, float is used. Absolute positioning is even more difficult to use. When the page moves, the table does not move.
Add an attribute to both tables: style="display:inline"
| 1 | ||||
| 2 | 3 | |||
| 4 | 5 | |||
| 6 | 7 | 8 | 9 | |
< table border=1 style="display:inline">
< td colspan=2>4
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn