htmlcss tablelayout: fixed 設定表格儲存格等寬,下面小編就來和大家分享一下。
<!DOCTYPE> <html> <head> <meta charset="utf-8" /> <title>設定表格儲存格等寬</title> <style type="text/css"> /* 使字型在所有裝置上都達到最佳的顯示 */ html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } /* 給body添加陰影 */ body:before { content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); box-shadow: 0px 0px 10px rgba(0,0,0,.8); z-index: 100; } /* 表格儲存格等寬 */ .calendar { table-layout: fixed; } </style></head><body><table width="100%" border="1" class="calendar"> <tr> <td>我在測試我在測試我在測試我在測試我在測試我在測試我在測試我在測試我在測試</td> <td>122222222222222</td> <td>3</td> <td>4</td> <td>5</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> </table></body></html>
【相關推薦】
1. 免費css線上視頻教程
2. css線上手冊
3. php.cn獨孤九賤(2)-css視頻教程