css table-layout: fixed 設(shè)置表格單元格等寬

來源:http://itssh.cn/post/926.html
css table-layout: fixed 設(shè)置表格單元格等寬:

<!DOCTYPE>
  <html>
  <head>
  <meta charset="utf-8" />
  <title>設(shè)置表格單元格等寬</title>
  <style type="text/css">
   /*
      使字體在所有設(shè)備上都達(dá)到最佳的顯示
    */
  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>

來源:http://itssh.cn/post/926.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,157評(píng)論 1 92
  • ¥開啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個(gè)線程,因...
    小菜c閱讀 7,335評(píng)論 0 17
  • 1.用20%的時(shí)間做能帶來80%收入的事情(帕累托的80/20法則) 2.使需要專注的事可視化并且嘗試不同的做法直...
    超論閱讀 392評(píng)論 0 2
  • "其生若浮,其死若休?!边@是昨天在朋友圈發(fā)出的一條狀態(tài),只限他能看。這時(shí)候算明白了微信分組的好處,可以把最后...
    豐富的安靜Minnie閱讀 359評(píng)論 0 0
  • 月季花(學(xué)名:Rosa chinensis Jacq.):被稱為花中皇后,又稱“月月紅”,是常綠、半常綠低矮灌木,...
    方默默閱讀 388評(píng)論 3 6

友情鏈接更多精彩內(nèi)容