2014-09-04 137 views
0

我使用自定義CSS來進行表單設置。我需要在輸入字段之間放置一個空格並對齊複選框。 這裏是我有什麼 plunkr如何使用表格單元格格式添加換行符

<style> form {display: table;} p {display: table-row;}label {display: table-cell; }input {display: table-cell; } </style> 

左側欄的複選框的標籤,需要與有他們的左邊的複選框右對齊一個plunkr。 右列中的複選框需要左對齊,右邊有標籤。

+0

label, input{ margin:5px 0px; } 

然後,您可以通過嵌套inputlabel標籤內,像這樣解決您的複選框的問題在問題本身中包含* related * CSS *和* HTML代碼,明確解釋你想要的東西(東西之間的空間不夠清楚),並描述你的最佳努力如何失敗。 – 2014-09-04 18:07:38

+0

對不起......有點混亂。哪一個需要在左邊?標籤或複選框? – LcSalazar 2014-09-04 18:07:41

回答

0

你可以添加一些上下頁邊距您labelinput元素:

<p> 
    <label> 
     <input type="checkbox" ng-model="currentItem.CertPayroll" />  
     Certified Payroll 
    </label> 
</p> 
0

刪除複選框標籤上的「display:table-cell」樣式(但不是其他標籤)會將其踢出。更好的方式來構建整體佈局,但這是一個快速和骯髒的解決方案。

相關問題