如何顯示第二個複選框名稱排列

<html> 
 
    <table width="45%"><tr><td> 
 
    <input type="checkbox" name="mahesh" value="mahesh">Mahesh</td> 
 
    <td> 
 
     <input type="checkbox" name="mahesh" value="mahesh">Mahesh kunenaddsfsdfasdfasdfa</td></tr> 
 
    <tr><td> 
 
    <input type="checkbox" name="mahesh" value="mahesh">Mahesh</td> 
 
    <td> 
 
     <input type="checkbox" name="mahesh" value="mahesh">Mahesh kunenaddsfsdfasdfasdfa</td></tr> 
 
    </table></html>

我想第二個複選框的名稱是到大，就應該正確對齊下面的名字。應該從名字開始沒有形成複選框

來源

2014-10-10 maheshj

由於您正在使用表格進行佈局（不推薦），因此只需拆分單元格，以便複選框位於一個單元格中，而複選框位於另一個單元格中。 – j08691 2014-10-10 15:15:06

您可以參考此鏈接：http://www.outsidethebracket.com/align-radio-buttons-checkboxes-labels/。看到這個小提琴：http://jsfiddle.net/ywg632c3/3/ – Pbk1303 2014-10-10 15:39:23

您可以使用其他元素 - 標籤，就像這樣：

HTML：

<table width="45%"> 
<tr> 
    <td> 
     <input type="checkbox" name="mahesh1" value="mahesh"/>Mahesh 
    </td> 
    <td> 
     <input type="checkbox" id="maesh1" name="mahesh1" value="mahesh"/> 
     <label for="maesh1"> Mahesh kunenaddsfsdfasdfasdfa</label> 
    </td> 
</tr> 
<tr> 
    <td> 
     <input type="checkbox" name="mahesh2" value="mahesh"/>Mahesh 
    </td> 
    <td> 
     <input type="checkbox" id="maesh2" name="mahesh2" value="mahesh"/> 
     <label for="maesh2"> Mahesh kunenaddsfsdfasdfasdfa</label> 
    </td> 
</tr>

CSS：

label { 
    display: block; 
    white-space: nowrap; 
}

小提琴：

http://jsfiddle.net/ywg632c3/2/

來源

2014-10-10 15:19:20 LorDex

如何顯示第二個複選框名稱排列

回答

相關問題