チェックボックスを適切に配置するにはどうすればよいですか？
ジェイを彷彿とさせる
HTMLを初めて使用する場合、チェックボックスをテキストに正しく合わせるにはどうすればよいですか？これは期待される出力ですが、英語では良くありません。
期待される出力
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<div style=" margin-top: 15px;">
<form action="#" method="post" autocomplete="off">
<div style=" margin-left: 15px;">
<label class="checkbox-inline"><input type="checkbox" value="Monday"> Monday </label>
<label class="checkbox-inline"><input type="checkbox" value="Tuesday"> Tuesday </label>
<label class="checkbox-inline"><input type="checkbox" value="Wedndesday"> Wedndesday </label> <br>
<label class="checkbox-inline"><input type="checkbox" value="Thursday"> Thursday </label>
<label class="checkbox-inline"><input type="checkbox" value="Friday"> Friday </label>
<label class="checkbox-inline"><input type="checkbox" value="Saturday"> Saturday </label>
</div>
</form>
</div> アフィフに同行
CSSグリッドを使用する：
form div {
display: inline-grid;
grid-template-columns: repeat(3, auto);
grid-gap:5px 10px;
}<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<form action="#" method="post" autocomplete="off">
<div style=" margin-left: 15px;">
<label class="checkbox-inline"><input type="checkbox" value="Monday"> Monday </label>
<label class="checkbox-inline"><input type="checkbox" value="Tuesday"> Tuesday </label>
<label class="checkbox-inline"><input type="checkbox" value="Wedndesday"> Wedndesday </label>
<label class="checkbox-inline"><input type="checkbox" value="Thursday"> Thursday </label>
<label class="checkbox-inline"><input type="checkbox" value="Friday"> Friday </label>
<label class="checkbox-inline"><input type="checkbox" value="Saturday"> Saturday </label>
</div>この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
ブートストラップのチェックボックスとラベルを適切に配置するにはどうすればよいですか？
- 2
jframeでチェックボックスを適切に無効にするにはどうすればよいですか？
- 3
チェックボックスの値を適切に参照するにはどうすればよいですか？
- 4
スタックパネルに要素を適切に配置するにはどうすればよいですか？
- 5
asp.netチェックボックスコンポーネントでブートストラップ3チェックボックスプロパティを適切に使用するにはどうすればよいですか？
- 6
ListViewでチェックボックスを無効にするにはどうすればよいですか？
- 7
チェックボックスを円形に作成するにはどうすればよいですか？
- 8
チェックボックスに値を追加するにはどうすればよいですか？
- 9
チェックボックス列をjqueryJTableに追加するにはどうすればよいですか？
- 10
wxGridセルにチェックボックスを追加するにはどうすればよいですか？
- 11
DOSのチェックボックスをオンにするにはどうすればよいですか？
- 12
ajax応答にチェックボックスを追加するにはどうすればよいですか？
- 13
ListViewの画像にチェックボックスを追加するにはどうすればよいですか？
- 14
反応フックのCheckAllチェックボックスでチェックボックスを作成するにはどうすればよいですか？
- 15
javascriptでチェックボックスを検証するにはどうすればよいですか？
- 16
Reactjsでチェックボックスを選択するにはどうすればよいですか？
- 17
Gridviewでチェックボックスの列を取得するにはどうすればよいですか？
- 18
recyclerviewでチェックボックスの位置を保存するにはどうすればよいですか？
- 19
JFaceのTableViewerでチェックボックスを作成するにはどうすればよいですか？
- 20
htmlunitでチェックボックス要素を作成するにはどうすればよいですか？
- 21
「通知を表示」チェックボックスを作成するにはどうすればよいですか
- 22
チェックボックスで「すべてチェック/チェック解除」を作成するにはどうすればよいですか？
- 23
特定の範囲にリンクされているチェックボックスを切り替えるにはどうすればよいですか？
- 24
チェックボックスがチェックされているかどうかを検証するにはどうすればよいですか？
- 25
チェックボックスの色を変更するにはどうすればよいですか？
- 26
チェックボックスの色を変更するにはどうすればよいですか？
- 27
チェックボックスの色を変更するにはどうすればよいですか？
- 28
チェックボックスを検証するにはどうすればよいですか？
- 29
SVGチェックボックスを作成するにはどうすればよいですか？
コメントを追加