<td> Breite nicht in meinem Tisch

Question

Arbeit habe ich diese Probe:

link

CODE 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> 

ich jede Spalte von meinem Tisch wollen eine Breite von 200px haben.

Ich habe diesen Code zu jedem td aber nicht funktioniert ...

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

Wahrscheinlich einfach etwas, aber ich erkennen, warum dieser Code funktioniert nicht.

Können Sie mir bitte sagen, was ist das Problem und wie man es löst?

Vielen Dank im Voraus!

Answer 1

hinzufügen auf den Tisch

table{ 
    table-layout: fixed; 
} 

Aktualisiert codepen

Answer 2

Verwendung dieses

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

lernen richtige CSS eine Beute auf Element-Ebene css nehmen here

Answer 3

Warum fügen Sie Ihrem Code nicht einfach einen Style-Tag hinzu?

Im Kopf gerade diese ein:

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

Answer 4

Sie CSS hinzufügen:

style="width:200px"; 

DEMO HERE

Answer 5

versuchen Sie dieses

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

Hoffnung diese eine Hilfe yo

Answer 6

Das Breitenattribut ist veraltet. Daher ist es besser, stattdessen css width zu verwenden.

Anwendungshinweis: Verwenden Sie dieses Attribut nicht, da es veraltet ist und die Regeln mithilfe von CSS definiert und formatiert werden sollten. Verwenden Sie stattdessen die CSS-Eigenschaft width. - MDN

td, th { 
    width: 200px; 
} 

Answer 7

Breite td auf HTML5, nicht Stile stattdessen Verwendung CSS arbeiten beispielsweise auf einfachste Weise

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