Question

如何设置这样的表格，其中包含<和>的列只占用所需的宽度。其他列每个单元格包含一个句子。行的高度应该允许显示所有句子而不需要超过必要的高度。三个句子列的宽度应相等，表格的宽度应填充浏览器窗口。

|-------------------------------------------------------------|
| |-------------|---|---|-------------|---|---|-------------| | 
| | Txt txt txt |   |   | Short sent. |   |   |  A little   | |
| | txt txt txt | > | < |             | > | < |  lngr sent. | |
| | end.        |   |   |             |   |   |             | |
| |-------------|---|---|-------------|---|---|-------------| |
| | Nxt sentnce |   |   | A short     |   |   |  A little   | |
| | txt txt end | > | < | sent.       | > | < |  lngr sent. | |
| |-------------|---|---|-------------|---|---|-------------| |
| | Text text   |   |   | Another     |   |   |  Short      | |
| | text text   |   |   | short sent. |   |   |  sentence.  | |
| | txt txt txt | > | < |             | > | < |             | |
| | txt text.   |   |   |             |   |   |             | |
| |-------------|---|---|-------------|---|---|-------------| |

解决方案可能涉及javascript和jquery。

Answer 1

使宽列总宽度接近100％。这样的事情。

＆＃13;

    <table style="width:100%;border:solid 1px">
        <tr>
            <td style="width:33%;border:solid 1px">lorem ipsum lorem ipsum</td>
            <td style="border:solid 1px">></td>
            <td style="border:solid 1px"><</td>
            <td style="width:33%;border:solid 1px">lorem ipsum</td>
            <td style="border:solid 1px">></td>
            <td style="border:solid 1px"><</td>
            <td style="width:33%;border:solid 1px">lorem ipsum lorem ipsum</td>
        </tr>
    </table>

＆＃13;

设置表格，其中某些列的宽度最小

1 个答案: