在HTML中,您可以通过设置table元素的width属性或者使用CSS来设置表格的宽度。分别举例来说明下:
示例1:使用width属性
!DOCTYPEhtml
html
head
title表格宽度示例/title
/head
body
tableborder="1"width="50%"
tr
th列1/th
th列2/th
/tr
tr
td数据1/td
td数据2/td
/tr
/table
/body
/html
在这个示例中,我们使用width属性直接在table元素中设置宽度为50%。
示例2:使用CSS
!DOCTYPEhtml
html
head
title表格宽度示例/title
style
table{
width:50%;
border-collapse:collapse;
}
table,th,td{
border:1pxsolidblack;
}
/style
/head
body
table
tr
th列1/th
th列2/th
/tr
tr
td数据1/td
td数据2/td
/tr
/table
/body
/html
在这个示例中,我们使用CSS来设置表格宽度为50%。在style标签内,我们设置了table的width属性为50%。同时,我们还设置了边框样式以使表格更易于查看。
这两种方法都可以实现表格宽度的设置,但使用CSS具有更高的灵活性和可维护性。