Question

我有这个样本：

代码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>

我希望我的每一列的宽度都是200px。

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

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

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

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

提前致谢！

Answer 1

将table-layout: fixed;添加到您的表格

table{
  table-layout: fixed;
}

更新了 codepen

Answer 2

为什么不在代码中添加样式标记？

在头部插入此内容：

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

Answer 3

使用此

<td style="width: 200px;">test sdada</td>

学习正确的css在元素级css here

获取战利品

Answer 4

你可以添加css：

style="width:200px";

DEMO HERE

Answer 5

尝试这个

<td width="70%">JXXXXXX</td>

希望这个人帮助你

Answer 6

Width属性已弃用。因此，最好使用css width属性。

使用备注：请勿使用此属性，因为它已被弃用应该使用CSS定义和设置规则。使用CSS属性宽度而不是。 - MDN

td, th {
  width: 200px;
}

Answer 7

td的宽度在HTML5不起作用，使用CSS样式，例如以最简单的方式

<style type="text/css">
  .tdw{
  width:200px;
  }
</style>
 <td class="tdw">Diaconescu Cristian</td>

宽度在我的桌子上不起作用

7 个答案: