html - 宽度在我的表中不起作用

Question

我有这个样本:

link

代码 HTML:

<table class="table prospects-table">
            <thead>
            <tr>

                <th width="200">Name</th>
                <th width="200">Email</th>
                <th width="200">Phone</th>
                <th width="200">Message</th>
                <th width="200">Actions</th>
            </tr>
            </thead>
                   <tbody>
                     <tr>
                       <td width="200">test sdada</td>
                       <td width="200">asdsada@yahoo.com</td>
                       <td width="200">(321) 312-3123</td>
                       <td width="200"> sadasda</td>
                       <td width="200">



                         <div class="in-line">
                            <i class="fa fa-pencil-square-o"></i>
                            <a href="http://192.168.0.105/user/editenewleed/22"><span>Edit</span></a>
                        </div>

                        <div class="in-line">
                            <i class="fa fa-users "></i>
                         <a href="http://192.168.0.105/user/addpatientfromnewlead/22"><span>Transfer</span></a>
                        </div>


                        <div class="in-line">
                            <i class="fa fa-trash-o"></i>
                            <a href="http://192.168.0.105/user/deletenewleed/22"><span>Delete</span></a>
                        </div>




                    </td></tr>
                                   <tr>
                       <td width="200">Diaconescu Cristian</td>
                       <td width="200">asdsadsa@busteco.rh</td>
                       <td width="200">(312) 312-3123</td>
                       <td width="200">asdasadsdasasasasdkhsdjkashsdkjahdhjsgdhjgvhhs,ajfkghjkdjhdsgjhasdghjgsadhjgshjkhvjgjkgfkjhdkjjhgfhjkdhkjsgdfv</td>
                       <td width="200">



                         <div class="in-line">
                            <i class="fa fa-pencil-square-o"></i>
                            <a href="http://192.168.0.105/user/editenewleed/24"><span>Edit</span></a>
                        </div>

                        <div class="in-line">
                            <i class="fa fa-users "></i>
                         <a href="http://192.168.0.105/user/addpatientfromnewlead/24"><span>Transfer</span></a>
                        </div>


                        <div class="in-line">
                            <i class="fa fa-trash-o"></i>
                            <a href="http://192.168.0.105/user/deletenewleed/24"><span>Delete</span></a>
                        </div>  
                    </td></tr>                
         </tbody>
</table>

我希望表格的每一列的宽度为 200 像素。

我将此代码添加到每个 td 但不起作用 ...

<td width="200">test sdada</td>

可能很简单，但我知道为什么这段代码不起作用。

你能告诉我问题是什么以及如何解决吗？

提前致谢!

Answer 1

为什么不直接在代码中添加样式标签呢？

在头部只需插入:

<style>
td,th {width:200px}
</style>