課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
怎樣讓表格在頁面中整體居中?
2021-09-22
源自:初識HTML(5)+CSS(3)-升級版 5-4
正在回答
使用div的align屬性就好了
用法:
<div?align="center"> ??<!--?這里放表格?--> </div>
例如:
<div align="center">????? ? <table border=1 style="text-align:center">????? ? ? ? <thead>????? ? ? ? ? ? <tr>????? ? ? ? ? ? ? ? <th>科目</th>????? ? ? ? ? ? ? ? <th>分?jǐn)?shù)</th>????? ? ? ? ? ? </tr>????? ? ? ? </thead>????? ? ? ? <tbody>????? ? ? ? ? ? <tr>????? ? ? ? ? ? ? ? <td>語文</td>????? ? ? ? ? ? ? ? <td>99</td>????? ? ? ? ? ? </tr>????? ? ? ? ? ? <tr>????? ? ? ? ? ? ? ? <td>數(shù)學(xué)</td>????? ? ? ? ? ? ? ? <td>60</td>????? ? ? ? ? ? </tr>????? ? ? ? </tbody>????? ? ? ? <tfoot>????? ? ? ? ? ? <tr>????? ? ? ? ? ? ? ? <td>總分</td>????? ? ? ? ? ? ? ? <td>159</td>????? ? ? ? ? ? </tr>????? ? ? ? </tfoot>? ? ? ? </div>
<div align="center">
????? ? <table border=1 style="text-align:center">
????? ? ? ? <thead>
????? ? ? ? ? ? <tr>
????? ? ? ? ? ? ? ? <th>科目</th>
????? ? ? ? ? ? ? ? <th>分?jǐn)?shù)</th>
????? ? ? ? ? ? </tr>
????? ? ? ? </thead>
????? ? ? ? <tbody>
????? ? ? ? ? ? ? ? <td>語文</td>
????? ? ? ? ? ? ? ? <td>99</td>
????? ? ? ? ? ? ? ? <td>數(shù)學(xué)</td>
????? ? ? ? ? ? ? ? <td>60</td>
????? ? ? ? </tbody>
????? ? ? ? <tfoot>
????? ? ? ? ? ? ? ? <td>總分</td>
????? ? ? ? ? ? ? ? <td>159</td>
????? ? ? ? </tfoot>
? ? ? ? </div>
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
3 回答登錄框居中,求大神幫忙補全代碼,讓整體居中.
2 回答怎么實現(xiàn)表格中的標(biāo)題居中
2 回答圖片怎么居中,想讓圖片居中
2 回答表格中字體顏色
3 回答怎么讓標(biāo)題居中
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2021-09-22
使用div的align屬性就好了
用法:
例如: