在html中的水平表行上的文本

时间:2014-06-25 11:31:07

标签: html html-table

我怎样才能达到效果?

|--- Hello World ---|
|My data            |
|-------------------|

我不能用html做。

例如我有代码:

<table>
  <tr><td>Nabywca:</td></tr>
  <tr><td><h2>Test test</h2></td></tr>
</table>

我想要文字&#34; Nabywca:&#34;设置如下图像:

它不能用在JS中,因为我想把它放到iText HTML解析器中从HTML生成PDF。

1 个答案:

答案 0 :(得分:1)

试试这个:

<table>
    <tbody>
        <tr>
            <td style="width:20px;">
                <hr/>
            </td>
            <td>Hello World</td>
            <td style="width:20px;">
            <hr/>
            </td>
        </tr>
        <tr>
            <td colspan='3'>My data</td>
        </tr>
    </tbody>
</table>

小提琴:http://jsfiddle.net/4aZHX/1/

**更新**

根据您的评论,您要查找的是Fieldset,而不是表格。尝试:

<fieldset>
  <legend>
     Nabywca
  </legend>
  My Data
</fieldset>

新小提琴:http://jsfiddle.net/4aZHX/2/