首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >HTML --两个并排的表

HTML --两个并排的表
EN

Stack Overflow用户
提问于 2012-07-27 22:48:51
回答 4查看 359.2K关注 0票数 48

可能重复:

Trying to get tables next to each other horizontal

我已经创建了两个html表。我如何将它们并排放置,而不是一个放在另一个之上?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2012-07-27 23:01:52

根据您的内容和空间,您可以使用浮动或内联显示:

代码语言:javascript
复制
<table style="display: inline-block;">

<table style="float: left;">

点击这里查看:http://jsfiddle.net/SM769/

文档

MDN上的

  • CSS display - MDN -上的
    • float
票数 107
EN

Stack Overflow用户

发布于 2012-07-27 22:57:10

您可以将表放在div中,并将样式添加到表"float: left“

代码语言:javascript
复制
<div>
  <table style="float: left">
    <tr>
      <td>..</td>
    </tr>
  </table>
  <table style="float: left">
    <tr>
      <td>..</td>
    </tr>
  </table>
</div>

或者简单地使用css:

代码语言:javascript
复制
div>table {
  float: left
}
票数 14
EN

Stack Overflow用户

发布于 2012-07-27 22:59:53

代码语言:javascript
复制
<div style="float: left;margin-right:10px">
  <table>
    <tr>
      <td>..</td>
    </tr>
  </table>
</div>
<div style="float: left">
  <table>
    <tr>
      <td>..</td>
    </tr>
  </table>
</div>
票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11690223

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档