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>

css中宽度和高度分别可以通过width和height实现,那么对于单元格的宽度和高度,则可以通过如下样式来设置

td{

width:100px

height:50px}

/*设置单元格宽度100px,高度50px*/

示例如下:

给出html元素

1

2

345

6789

10

11

设置单元格高度和宽度样式

table{border-collapse:collapse}

td{

border:

1px

solid

green

/*边框*/

width:100px

/*单元格宽度*/

height:50px

/*单元格高度*/

text-align:center

/*单元格文字居中对齐*/


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

原文地址:https://www.54852.com/zaji/6310332.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存