使用 table-layout: 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>