1

我对 Stack Overflow 还是很陌生，还在学习编程。我想以相等的间距并排放置两个表格，并防止表格接触页面的两侧。我写了这段代码，但没有得到正确的结果：

<table style="float:right; background-color: white;font-family: cursive,sans-serif; border-radius: 8%; border-color: white" border="0" width="420px" height="216px" >

    <tr style='float: left; background-color: white; border-radius: 3%; border-color: white;' width='200px' height='54px'>
        <td style='font-family: cursive,sans-serif; border-color: white; ;' width='200px' height='54px'>From</td>
        <td style="font-family: cursive,sans-serif; border-color: white; border-radius: 3%" width='200px' height='54px'>To</td>
    </tr>
</table>


<table align="center" style=" float:left; background-color: white;font-family: cursive,sans-serif; border-radius: 8%; border-color: white" border="1" width="420px" height="216px">

</table>
4

3 回答 3

3

欢迎！

  1. 首先将您的样式移动到 .css 文件中。
  2. 我整理了一个小演示，看看- 不要介意 table:nth-child(2n) 选择器，它们也可以是类名。
于 2013-06-07T21:30:02.677 回答
0

你应该使用 CSS3 来完成这个任务。不要使用框架（它们本质上已被弃用）。您应该对此进行搜索。我在这个网站上找到了一个好的开始：

并排的div

祝你好运。

于 2013-06-07T21:06:43.990 回答
0

将两个表设置在一个容器 div 中，padding: 0 XXpx; 其中 XX 是您想要的间距量。要使表格正确浮动，此 div 的宽度必须至少为 842px（两个浮动表格的大小加上第一个表格的边框）。

于 2013-06-07T21:30:11.880 回答