更新時間:2021-04-22 來源:黑馬程序員 瀏覽量:
單元格的寬度和高度,有著和其他標簽不同的特性,主要表現(xiàn)在單元格之間的互相影響上。使用CSS中的width和height屬性可以控制單元格的寬高。示例代碼如下:
<style type="text/css"> table{ border:1px solid #30F; /*設置table的邊框*/ border-collapse:collapse; /*邊框合并*/ } th,td{ border:1px solid #30F; /*為單元格單獨設置邊框*/ } .one{ width:100px; height:80px;} /*定義"東"單元格的寬度與高度*/ .two{ height:40px;} /*定義"西"單元格的高度*/ .three{ width:200px; } /*定義"南"單元格的寬度*/ </style>運行示例代碼,效果如圖1所示。
圖1 CSS控制單元格寬高
通過圖1看出,“A房間”單元格和“B房間”單元格的高度均為80px,而“A房間”單元格和“C房間”單元格的寬度均為200px??梢妼ν恍兄械膯卧穸x不同的高度,或?qū)ν涣兄械膯卧穸x不同的寬度時,最終的寬度或高度將取其中的較大者。
猜你喜歡: