所在的位置: html >> html资源 >> html表格怎么设置宽度

html表格怎么设置宽度

长沙白癜风医院 http://www.txbyjgh.com/index.html

在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具有更高的灵活性和可维护性。




转载请注明:http://www.aierlanlan.com/rzgz/8654.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了