要让<td>
元素充满整个<tr>
元素,可以使用CSS的width: 100%
属性,以下是一个简单的示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF8"> <meta name="viewport" content="width=devicewidth, initialscale=1.0"> <title>Document</title> <style> table { width: 50%; bordercollapse: collapse; } th, td { border: 1px solid black; padding: 8px; textalign: left; } tr { width: 100%; } </style> </head> <body> <table> <tr> <th>标题1</th> <td>内容1</td> </tr> <tr> <th>标题2</th> <td>内容2</td> </tr> </table> </body> </html>
在这个示例中,我们创建了一个包含两行数据的表格,通过将<tr>
元素的宽度设置为100%,我们可以确保<td>
元素充满整个<tr>
元素,我们还为表格、表头和单元格添加了一些基本样式。
最新评论
本站CDN与莫名CDN同款、亚太CDN、速度还不错,值得推荐。
感谢推荐我们公司产品、有什么活动会第一时间公布!
我在用这类站群服务器、还可以. 用很多年了。