CSS表格单元格扩展到最大可用长度

时间:2014-09-20 23:24:38

标签: html css html-table width

我的表需要一个“简单”的布局,其中第一列和第二列不应该换行,而第三列应该尽可能地展开,并且如果已经达到显示的宽度则换行。

<table>
  <tbody>
    <tr>
      <td>Temp</td>
      <td>&nbsp;=&nbsp;</td>
      <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </td>
    </tr>
    <tr>
      <td>Result</td>
      <td>&nbsp;=&nbsp;</td>
      <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam auctor ligula non tincidunt ornare. </td>
    </tr>                   
  </tbody>
</table>

对于第三列中的短单元格,显示应如下所示

Temp   = Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Result = Aliquam auctor ligula non tincidunt ornare.

而对于第三列中较长的单元格,显示应为

Temp   = Lorem ipsum dolor sit amet, consectetur adipiscing elit.
         Cum sociis natoque penatibus et magnis dis parturient montes. 
Result = Aliquam auctor ligula non tincidunt ornare. Fusce dapibus 
         tortor et odio fermentum, in dictum odio finibus. Sed 
         egestas ex mi, eu fermentum eros vestibulum nec. 

此类表格适用于epub格式的电子书。我已尝试过各种CSS属性(宽度,显示,表格布局......)及其值的许多可能组合,但尚未到达以产生所需的结果。

0 个答案:

没有答案