1

嗨，我正在为方形框编写 html 代码，我需要 4 个单元格，在 4 个单元格中，我需要再划分 4 个部分，只是它对我来说破坏了其他部分： 

<html>
<head>
<title>This page is Mohan</title>
</head>
        <center>
<table>
                <tr>
                    <td>

                        <div style="width:250px;height:250px;border:1px solid #0000FF;"><br>
                        <div align:"left"="" style="width:80px;height:80px;border:1px solid #0000FF;"></div><br><br>

                        <div align:"right" style="width:80px;height:80px;border:1px solid #0000FF;"></div><br>
                        <div align:"right" style="width:80px;height:80px;border:1px sloid #0000FF;"></div>

                        </div>
                    </td>
                </tr>
        </center>
</table>
</html>

拜托，你能帮我解决这个问题吗？我还是个学习者。这仅在html页面中，无法实现。我已经尝试了3个多小时。

4

3 回答 3

0

我认为您的问题已经发生，因为您没有正确关闭标签。

您正在打开 <center> 标签，然后是 <table> 标签，但是您要先关闭 </center> 标签，然后是 </table> 标签。

只需交换这两个结束标签。首先放置结束表标签，然后放置中心标签（正如克里斯提到的，不要忘记正文标签）。

希望这有帮助。

于 2013-05-03T00:21:05.973 回答
0

尝试这个：

<html>
<head>
    <title>This page is Mohan</title>
</head>
<body>
    <table>
        <tr>
            <td>
                <div style="width:250px;height:250px;border:1px solid #0000FF;">
                    <br>
                    <div align:"left"="" style="width:80px;height:80px;border:1px solid #0000FF;"></div>
                    <br><br>
                    <div align:"right" style="width:80px;height:80px;border:1px solid #0000FF;"></div>
                    <br>
                    <div align:"right" style="width:80px;height:80px;border:1px sloid #0000FF;"></div>
                </div>
            </td>
        </tr>
    </table>
</body>
</html>
于 2013-05-02T21:50:52.720 回答
0

由于您已经在使用表格，因此只需在其中嵌套另一个表格。此外，您忘记了开始和结束<body>标签。我建议使用 CSS 进行定位和样式设置。

<html>
<head>
<title>This page is Mohan</title>
</head>
<body>

<center>

  <table>

    <tr>
      <td>

        <table>
          <tr>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td></td>
            <td></td>
          </tr>
        </table>

      </td>
      <td>

        <table>
          <tr>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td></td>
            <td></td>
          </tr>
        </table>

      </td>      
    </tr>

    <tr>
      <td>

        <table>
          <tr>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td></td>
            <td></td>
          </tr>
        </table>

      </td>
      <td>

        <table>
          <tr>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td></td>
            <td></td>
          </tr>
        </table>

      </td>      
    </tr>

  </table>

</center>

</body>
</html>

示例：http: //jsfiddle.net/HP7f8/

于 2013-05-02T22:00:58.917 回答