一. table表格的基本特性
table 標籤基本特性是：display:table;
1、不要給table、th、td 以外的表格標籤加樣式；
2、單元格預設平分table 的寬度；
3、th裡面的內容預設加粗並且左右上下置中顯示；
4、td裡面的內容預設上下置中左右居左顯示；
5、table 決定了整個表格的寬度；
6、table裡面的單元格寬度會被轉換成百分比；
7、 表格裡面的每一列必須有寬度；
8、表格同一豎列繼承最大寬度；
9、表格同行繼承最大高度；
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>無標題文檔</title><style>th,td{padding:0;}table{border-collapse:collapse;}/* table css reset */th,td{border:1px solid black; height:50px; width:100px;}table{width:500px;}</style></head><body><table><!-- 表格 --><tbody> <tr><!-- 行 --> <th>表格標題</th> <th>表格標題</th> <th>表格標題</th> <th>表格標題</th> <th>表格標題</th> </tr> <tr> <td>儲存格</td> <td>儲存格</td> <td>儲存格</td> <td>儲存格</td> <td>儲存格</td> </tr> </tbody></table></body></html>
二. 表單樣式重設
<style>form{margin:0;}input{margin:0;padding:0;}select{margin:0;}textarea{margin:0; padding:0;resize:none; overflow:auto; outline:none;}</style>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
