如何制作餐桌液

时间:2013-11-25 08:26:32

标签: html css html5 twitter-bootstrap

我的.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>

1 个答案:

答案 0 :(得分:-1)

尝试在列中添加基于%的:

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