- 0133技术站
- 联系QQ:88526
- QQ交流群
- 微信公众号
定义
width 属性规定表格单元格的宽度。
通常,单元格占用的空间就是它显示内容需要的空间。width 属性用于为单元格设置预定义的宽度。
语法
<td width="pixels|%">
属性值
● pixels:设置以像素计的宽度值(比如 width="50")。
● percent:设置以包含元素百分比计的宽度值(比如 width="50%")。
浏览器支持
属性 | |||||
width | 支持 | 支持 | 支持 | 支持 | 支持 |
所有主流浏览器都支持 width 属性。
兼容性注释
在 HTML 4.01 中,<td> 的 width 属性已废弃。HTML5 不支持 <td> width 属性。请使用 CSS 代替。
例:可以使用<td style="width:100px">
来设置表格单元格的宽度
在我们的 CSS 教程中,您可以找到更多有关 width 属性 的细节。
两个带有预定义宽度的表格单元格:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>0133技术站(0133.cn)</title> </head> <body> <table border="1" width="100%"> <tr> <th>商品</th> <th>价格</th> </tr> <tr> <td width="70%">夹克衫</td> <td width="30%">¥120.00</td> </tr> <tr> <td>T恤</td> <td>¥80.00</td> </tr> </table> </body> </html>
点击 "运行实例" 按钮查看在线实例
CSS 实例:设置表格单元格的宽度
<html> <body> <table border="1" width="100%"> <tr> <th>商品</th> <th>价格</th> </tr> <tr> <td style="width:70%">夹克衫</td> <td style="width:30%">¥120.00</td> </tr> <tr> <td>T恤</td> <td>¥80.00</td> </tr> </table> </body> </html>
点击 "运行实例" 按钮查看在线实例
推荐手册