使用CSS设置表格位置:
有时候我们需要在网页中添加表格,但是默认的表格会出现在网页的左侧。这时候我们就需要用CSS来改变表格的位置了。以下是一些常用的CSS属性来设置表格的位置。
1. 设置表格居中
我们可以先把表格放置于一个div元素中,然后使用CSS将该div元素居中。这样就可以实现表格的居中显示。
.p1{
text-align:center;
}
.pre1{
border: 1px solid black;
text-align:center;
}
2. 设置表格靠左显示
如果我们想让表格显示在网页的左侧,可以使用CSS设置表格左浮动。这样表格就会靠左显示。
.p2{
float:left;
}
.pre2{
border: 1px solid black;
float:left;
}
3. 设置表格靠右显示
同样的,我们也可以使用CSS设置表格右浮动,让表格靠右显示。
.p3{
float:right;
}
.pre3{
border: 1px solid black;
float:right;
}
以上是一些基础的CSS属性来设置表格的位置。通过这些CSS属性的设置,我们可以轻松的让表格在网页中达到自己想要的位置。