具有不同单元格高度的HTML表格行
我有一个HTML表格,里面有各种大小的内容。有些可以是一段左右 我所要做的就是让单元格自动调整高度以支持各种内容,而不给每行一个固定的大小(“因为这样看起来很糟糕”)具有不同单元格高度的HTML表格行,html,css,handlebars.js,Html,Css,Handlebars.js,我有一个HTML表格,里面有各种大小的内容。有些可以是一段左右 我所要做的就是让单元格自动调整高度以支持各种内容,而不给每行一个固定的大小(“因为这样看起来很糟糕”) {{this.val8} {{{{this.val7}}} {{this.val6}} {{this.val}} {{{this.val0}}} {{{{this.val8}}} {{{this.val1}}} {{{{this.val2}}} {{{{this.val3}}} {{this.val4}} {{this.val5}
{{this.val8}
{{{{this.val7}}}
{{this.val6}}
{{this.val}}
{{{this.val0}}}
{{{{this.val8}}}
{{{this.val1}}}
{{{{this.val2}}}
{{{{this.val3}}}
{{this.val4}}
{{this.val5}}
现在,我有固定的高度为每个细胞。一般来说,大多数细胞适合这个高度,但我希望不适合的细胞更小
任何提示或建议都会很棒
谢谢 只需删除所有高度属性即可。另外请注意,高度和宽度属性都已过时-请改用样式。让我们先清理一下标记:
<td align="left" width="10%" height="130"><div>{{this.val8}}</div></td>
<td align="left" height="130"><div>{{{this.val7}}}</div></td>
<td align="left" height="130"><div>{{this.val6}}</div></td>
<td align="left" height="130"><div>{{this.val}}</div></td>
<td height="130" width="80%"><div>{{{this.val0}}}</div></td>
<td height="130"><div>{{{this.val8}}}</div></td>
<td align="right" width="80%" height="130"><div>{{{this.val1}}}</div></td>
<td align="right" width="80%" height="130"><div>{{{this.val2}}}</div></td>
<td height="130" width="75%"><div>{{{this.val3}}}</div></td>
<td height="130"><div>{{this.val4}}</div></td>
<td height="130"><div>{{this.val5}}</div></td>
<table>
<tr>
<td align="left">
{{this.val8}}
</td>
<td align="left">
{{this.val7}}
</td>
<td align="left">
{{this.val6}}
</td>
<td align="left">
{{this.val}}
</td>
<td>
{{this.val0}}
</td>
<td>
{{this.val8}}
</td>
<td align="right">
{{this.val1}}
</td>
<td align="right">
{{this.val2}}
</td>
<td>
{{this.val3}}
</td>
<td>
{{this.val4}}
</td>
<td>
{{this.val5}}
</td>
</tr>
</table>
td { vertical-align:top; }