HTML-table⾥的所有⽂字全局居中+表格怎么布局+跨⾏操作本例来⾃⼀个⼩作业,如图所⽰
重点透析:
1.怎么布局,很多新⼈会犯⼀个错误就是把tr td来回嵌套使⽤,这是会报错的,⼀个td 外⾯只允许有⼀个tr
2.看到这个表格,你可以想象为8⾏6列。
3.跨⾏操作:colspan=“⼏⾏”rowspan="⼏列"。
4.要保持表格中的每个⽂字都居中,显然对每个td⽤align="center"是很费劲的。可以⽤·css⾥的<style></style>标签,直接对table进⾏text-align="center"进⾏修改。
废话不多说,代码丢出来 ⼤家⾃⼰体会吧。
<style>
table{
text-align: center;
}
/*td{*/
/*text-align: center;*/
/*}*/
</style>
html怎么让所有内容居中</head>
<body>
<table border="1" width="50%" weight="50%">
<tr>  <th rowspan="5">上午</th>  <th>星期⼀</th> <th>星期⼆</th> <th>星期三</th> <th>星期四</th> <th>星期五</th></tr>
<tr>  <td>语⽂</td> <td>英语</td> <td>物理</td> <td colspan="2">英语</td></tr>
<tr>  <td>语⽂</td> <td>英语</td> <td>物理</td> <td>英语</td> <td>数学</td></tr>
<tr>  <td>英语</td> <td colspan="2">数学</td> <td>数学</td> <td rowspan="2">地理</td></tr>
<tr>  <td>英语</td> <td>数学</td> <td>数学</td> <td>数学</td> </tr>
<tr>  <th rowspan="3">下午</th> <td>数学</td> <td>⽣物</td> <td>化学</td> <td>物理</td> <td>历史</td></tr>
<tr>  <td>数学</td> <td>地理</td> <td colspan="2">物理</td> <td>化学</td></tr>
<tr>  <td>体育</td> <td colspan="2">化学</td><td colspan="2">体育</td>
</table>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。