HTML - 两个并排的表格 [英] HTML -- two tables side by side

问题描述

可能存在重复：

尝试使表格彼此相邻水平

我已经创建了两个html表。我如何将它们并排放置，而不是1放在另一个之上？ 解决方案

根据您的内容和空间，您可以使用浮动或内嵌显示：

 < table style =display：inline-block;> 
 
< table style =float：left;> 
  

在此处查看： http://jsfiddle.net/SM769/

文档

MDN上的

CSS 显示 - https://developer.mozilla.org/en/CSS:display

在MDN上的

CSS float - https://developer.mozilla.org/en/CSS/float

>

Possible Duplicate:
Trying to get tables next to each other horizontal

I have two html tables already created. How can I place them side by side instead of 1 above the other?

解决方案

Depending on your content and space, you can use floats or inline display:

<table style="display: inline-block;">

<table style="float: left;">

Check it out here: http://jsfiddle.net/SM769/

Documentation

• CSS display on MDN - https://developer.mozilla.org/en/CSS:display
• CSS float on MDN - https://developer.mozilla.org/en/CSS/float

这篇关于HTML - 两个并排的表格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！