Home > Web Front-end > HTML Tutorial > Two tags displayed in one line_html/css_WEB-ITnose

Two

tags displayed in one line_html/css_WEB-ITnose

WBOY

Release： 2016-06-24 12:18:25

Original

3716 people have browsed it

RT.

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>

is to nest two tables in the same row of another table , try

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">

1

2
3

< td colspan=2>4
5
/td>
7
8
9

Related labels：

两个<table>标签在一行显示

source：php.cn

Previous article：How does jQuery scroll to an element and call the corresponding function_html/css_WEB-ITnose Next article：Help: FLASH always blocks other layers_html/css_WEB-ITnose

Statement of this Website

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