2

1 つの水平線上に配置したいチェックボックスのリストがあります。

<div class="timesheet-daily-entry-fields-container">
        <input id="TimesheetMondayCheckbox" class="timesheet-daily-checkbox" type="checkbox"/>
        <input id="TimesheetTuesdayCheckbox" class="timesheet-daily-checkbox" type="checkbox"/>
        <input id="TimesheetWednesdayCheckbox" class="timesheet-daily-checkbox" type="checkbox"/>
        <input id="TimesheetThursdayCheckbox" class="timesheet-daily-checkbox" type="checkbox"/>
        <input id="TimesheetFridayCheckbox" class="timesheet-daily-checkbox" type="checkbox"/>
        <input id="TimesheetSaturdayCheckbox" class="timesheet-daily-checkbox" type="checkbox"/>
        <input id="TimesheetSundayCheckbox" class="timesheet-daily-checkbox" type="checkbox"/>
 </div>

それらはライン上に表示されますが、もっと間隔をあけたいと思います。

.timesheet-daily-checkbox {
    margin: 10px;
    padding: 10px;
    display:inline-block;
    overflow:hidden
}

各入力の周りに div を作成したくないのですが、もっと簡単な方法はありますか?

4

3 に答える 3

4

左右の余白を増やす

margin: 10px 20px;
于 2012-10-19T20:14:13.303 に答える
1

次のように、包含要素のクラスと入力タグで CSS クラスを定義できます。

.timesheet-daily-entry-fields-container input {
    margin: 10px;
    padding: 10px;
    display:inline-block;
    overflow:hidden
}

これにより、各入力要素にクラスを追加する必要がなくなります。間隔をあけるには、余白を増やします。

于 2012-10-19T20:16:31.323 に答える
0

まだラベルすらありません。あなたはそれを試しましたか？ラベルといくつかのスペースは驚異的に機能します。

于 2012-10-19T20:13:33.837 に答える