创建一个包含一系列框的框，其中包含文本

Question

我希望创建一个包含一系列框的框，所有框都有自己的文本。我在油漆中创建了一个原型并拍了一个屏幕截图。有谁知道我怎么能用代码做到这一点？ http://screencast.com/t/hFCxwKxxJi5

谢谢！

Answer 1

您可以使用<table>标记轻松完成。 像这样 -

<table border="2">
  <tr><td colspan="2">Hello</td></tr>
  <tr><td>Hello 2</td><td>Hello 3</td></tr>
</table>

完成。如果需要，可以使用CSS设置样式。

Answer 2

使用colspan的{​​{1}}属性将文本扩展到多个单元格。

td

在样式中添加以下内容使文本居中并绘制边框

<table>
    <tr><td colspan="2">Some text here</td></tr>
    <tr><td>Next</td><td>Last</td></tr>
</table>