這篇文章將為大家詳細講解有關怎么在css中設置表格中間對齊,文章內容質量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關知識有一定的了解。
創(chuàng)新互聯建站是專業(yè)的匯川網站建設公司,匯川接單;提供做網站、成都做網站,網頁設計,網站設計,建網站,PHP網站建設等專業(yè)做網站服務;采用PHP框架,可快速的進行匯川網站開發(fā)網頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網站,專業(yè)的做網站團隊,希望更多企業(yè)前來合作!
css表格設置中間對齊
在css中,可以為表格table標簽設置margin:auto;樣式使表格居中。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表格居中</title> <style> div{ width: 200px; padding: 10px; border: 1px solid peru; } table,td,tr { border: 1px solid red; margin: auto; } </style> </head> <body> <div> <table> <tr> <td>12</td> <td>12</td> <td>12</td> </tr> <tr> <td>12</td> <td>12</td> <td>12</td> </tr> <tr> <td>12</td> <td>12</td> <td>12</td> </tr> </table> </div> </body> </html>
效果圖:
margin:auto;
的工作原理
它給一個元素的左外邊距和右外邊距賦予同樣的auto值,那么這個元素的左、右外邊距就會平分所占據的可用空間(父元素寬度的1/2),因此我們會看到在元素表現水平居中。
關于怎么在css中設置表格中間對齊就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
網頁名稱:怎么在css中設置表格中間對齊
轉載源于:http://bm7419.com/article2/iihgic.html
成都網站建設公司_創(chuàng)新互聯,為您提供云服務器、外貿網站建設、用戶體驗、網站策劃、微信小程序、軟件開發(fā)
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯