Nasıl Hep <td>

Question

kodunda aynı hat üzerinde kalmak için iki öğe zorlayabilirsiniz oldukça basittir: etiketteki metni gerçekten uzun ve alır sürece

<table id="tabel_user" style="width: 100%; border: 0; background-color: white;" cellpadding="0" cellspacing="0"> 
<tr> 
    <td style="border: 0; padding: 0; padding-left: 5px;"> 
     <label for="abcd"><input class="check_useri" id="abcd" name="abcd" type="checkbox" /> abcd </label> 
    </td> 
</tr> 
</table> 

Aynı hat üzerinde düzgünce kalmak Tablo bunu karşılamak için germek gerekiyor, daha sonra metin bazen onay kutusunun altına zorlanır. Bunu yapmasını nasıl engelleyebilirim?

Answer 1

Sen CSS özelliğini white-space kullanarak aynı hat üzerinde kalmak için satır içi elemanlarını zorlayabilirsiniz: tanımlanması

<td style="white-space:nowrap;"> 
    this content will not be wrapped 
</td> 

Answer 2

bir white-space halletmek için yol bir, ama bir tablo veri olarak, onun daha iyi olabilir etiketin genişliğinin maksimum boyutu onarırlarsa yerine

label { width: 100px; display: inline-block; } 

Answer 3

Bunu kullanabilirsiniz: <tr valign="top"> Bu üstündeki dikey hizalama yapacaktır.

Answer 4

Bu kod çalışıyor ve duyarlı:

table { 
width:100%; 
display: inline-block; 
} 
td, th { 
max-width:100% 
}