html中,如何固定table单元格宽度?

html中,如何固定table单元格宽度?,第1张

style="table-layout:fixed;" 固定布局的算法。在这种情况下,表格和列的宽度取决于 col 对象的宽度总和,假如没有指定,则会取决于第一行每个单元格的宽度<table border=1 style="table-layout:fixed;"><COL><COL WIDTH=300><COL WIDTH=300><tr><td colspan=3>aaa</td><!--td>aaa</td><td>aaa</td--></tr><tr><td width=300px>aaa</td><td>aaa</td><td>aaa</td></tr><tr><td width=300px>aaa</td>

表格给个固定的宽度,而不是百分比,这样就可以了。

比如:

<table

width="600px"

border="0"

cellspacing="1"

cellpadding="0"

bgcolor="#FF0000">

<tr>

<td

height="30"

bgcolor="#FFFFFF"> </td>

<td

bgcolor="#FFFFFF"> </td>

<td

bgcolor="#FFFFFF"> </td>

<td

bgcolor="#FFFFFF"> </td>

</tr>

<tr>

<td

height="30"

bgcolor="#FFFFFF"> </td>

<td

bgcolor="#FFFFFF"> </td>

<td

bgcolor="#FFFFFF"> </td>

<td

bgcolor="#FFFFFF"> </td>

</tr>

</table>

这个不太好处理换个思路td中用div来实现

<table>

<tr>

<td >

<div style="width:200px;height:20px;overflow:hidden;">

afdasdfsfadsfadfasssssssssssssssssssssssssssssssssssssssssssssss

</div>

</td>

</tr>

</table>

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/12154298.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存