我们使用内联样式属性，在html中设置表格的宽度。该属性在html的f5d188ed2c074f8b944552db028f98a1标签内使用，使用css属性width来设置表格的宽度。
语法以下是在html中设置表格宽度的语法。
<table style=width: width value in percentage>… </table>
example的中文翻译为：示例以下是在 html 中设置表格宽度的示例程序。
<!doctype html><html> <style> table { border:1px solid black; padding: 10px; } th, td{ border:1px solid black; padding: 20px; } </style><body> <h2>tables in html</h2> <table style=width: 50%> <tr> <th>name </th> <th>job role</th> </tr> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table></body></html>
在上面的例子中，我们使用了width=50%，它会将我们的表格扩展到网页上浏览器标签大小的50%。
example的中文翻译为：示例下面是另一个在 html 中设置表格宽度的示例程序。
<!doctype html><html><head> <style> table, th, td { border: 1px solid green; } </style></head><body> <table style=width:100%> <caption>cricketers...</caption> <tr style=background-color: mediumseagreen> <th>s.no</th> <th>name</th> <th>age</th> <th>country</th> </tr> <tr> <td>1</td> <td>babar azam</td> <td>34</td> <td>pakistan</td> </tr> <tr> <td>2</td> <td>shami</td> <td>29</td> <td>india</td> </tr> <tr style=background-color: mediumseagreen> <td>3</td> <td>cummins</td> <td>33</td> <td>australia</td> </tr> </table></body></html>
现在我们尝试使用 style 属性将表格扩展到浏览器选项卡大小。
example的中文翻译为：示例以下是使用 style 属性将表格扩展到浏览器选项卡大小的示例程序。
<!doctype html><html> <style> table { border:1px solid black; padding: 10px; } th, td{ border:1px solid black; padding: 20px; } </style><body> <h2>tables in html</h2> <table style=width: 100%> <tr> <th>name </th> <th>job role</th> </tr> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table></body></html>
以上就是如何在html中设置表格宽度？的详细内容。