2013-11-25 47 views
0

我在.aspx頁面中有一個表格我想讓它變得流暢。我的其他佈局是流暢的,但桌子堅持自己的位置。該CSS是如何使表液體

#reportingEmployee 
{ 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
width:100%; 
border-collapse:collapse; 
} 
#reportingEmployee td, #reportingEmployee th 
{ 
font-size:1em; 
    border: 1px solid #ff0000;/* #98bf21;*/ 
padding:3px 7px 2px 7px; 
} 
#reportingEmployee th 
{ 
font-size:1.1em; 
text-align:left; 
padding-top:5px; 
padding-bottom:4px; 
    background-color: #ef0909;/*#A7C942;*/ 
color:#ffffff; 
} 
#reportingEmployee tr.alt td 
{ 
color:#000000; 
background-color:#EAF2D3; 
} 

和HTML是

員工的姓名 日期 時間在 超時 遲到 提前離店 缺席 比拉爾 25-11-2013 10:00 20:00

      <tr class="alt"> 
          <td> 
           Bilal 
          </td> 
          <td> 
           25-11-2013 
          </td> 
          <td> 
           10:00 
          </td> 
          <td> 
           20:00 
          </td> 
          <td> 
           <center> 
            <img src="../img/tick.png" /> 
           </center> 
          </td> 
          <td> 
           <center> 


      <img src="../img/cross.png" /> 
          </center> 
         </td> 
         <td> 
          <center> 
           <img src="../img/cross.png" /> 
          </center> 
         </td> 
        </tr> 
       </table> 
+0

請看這裏http://www.creativebloq.com/css3/create-fluid-layouts-html5-and-css3-9122768 – Christos

回答

-1

嘗試基於%到您的列添加:

#reportingEmployee td, #reportingEmployee th 
{ 
font-size:1em; 
    border: 1px solid #ff0000;/* #98bf21;*/ 
    padding:3px 7px 2px 7px; 
    width:14%; 
}