css - 如何使表液

Question

我的 .aspx 页面中有一个表格，我想让它流畅。我的其他布局是流畅的，但 table 固定在其位置上。 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>

Answer 1

尝试在您的列中添加一个基于 % 的 with:

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