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 td {width:1px},单独设一列的话(行是tr),需要给对应的列加选择器,常用的有class,id。然后class为.类名{width:1px},id为#id名{width:1px}

需要准备的材料分别有:电脑、浏览器、html编辑器

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

2、在index.html中的<td>标签中,输入属性代码:width="70px"。

3、浏览器运行index.html页面,此时列td的大小被固定70px,不随文字而变化。


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

原文地址: http://outofmemory.cn/zaji/6160457.html

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

发表评论

登录后才能评论

评论列表(0条)

保存