4x4 라디오 버튼 표가 있습니다. 첫 번째 행 (4x4 위의 추가 행)에서는 단추를 가로로 가운데에 배치하고 싶습니다. 나는 colspan 등을 시도했지만, 다른 모든 열과 같은 열에 라디오 버튼을 남겨 둡니다.표 셀 간격 띄우기
이 같이
0
A
답변
0
<table style='width:100%;' border=1>
<tr>
<td colspan=4 style='text-align:center;'><input type='button' value='hello'></td>
0
? CSS와 맨 위 행의 text-align:center
규칙 만 사용하면됩니다. jsFiddle example입니다.
<table>
<tr>
<td colspan="4" style="text-align:center"><input type="radio" /></td>
</tr>
<tr>
<td><input type="radio" /></td>
<td><input type="radio" /></td>
<td><input type="radio" /></td>
<td><input type="radio" /></td>
</tr>
<tr>
<td><input type="radio" /></td>
<td><input type="radio" /></td>
<td><input type="radio" /></td>
<td><input type="radio" /></td>
</tr>
<tr>
<td><input type="radio" /></td>
<td><input type="radio" /></td>
<td><input type="radio" /></td>
<td><input type="radio" /></td>
</tr>
<tr>
<td><input type="radio" /></td>
<td><input type="radio" /></td>
<td><input type="radio" /></td>
<td><input type="radio" /></td>
</tr>
</table>
1
필수 표가없는 답변 :
<div>
<div class="center"><input type='button' value='hello' /></div>
<ul class="radioList">
<li>
<label for="radio1">
<input type="radio" id="radio1" />
Checkbox 1</label>
</li>
<li>
<label for="radio2">
<input type="radio" id="radio2" />
Checkbox 2</label>
</li>
<li>
<label for="radio3">
<input type="radio" id="radio3" />
Checkbox 3</label>
</li>
<li>
<label for="radio4">
<input type="radio" id="radio4" />
Checkbox 4</label>
</li>
</ul>
</div>
.center { text-align:center; }
.radioList {
list-style:none;
width:100%;
}
.radioList li {
float:left;
width:25%;
}
관련 문제
- 1. 텍스트 간격 표 셀
- 2. iTextSharp 표 셀 간격 가능?
- 3. CSS로 표 셀 간격 지정
- 4. 표 셀 사이의 1px 간격
- 5. div와 footer 사이의 간격 띄우기
- 6. 표 셀 내에서 동일한 세로 간격
- 7. WPF의 창에 균등하게 간격 띄우기 버튼
- 8. 표 글꼴 간격
- 9. 셀 간격 만 추가하기
- 10. 표 셀 값이 "0"일 때 표 셀 값 변경
- 11. 겹치는 표 셀 애니메이션
- 12. jeditable 표 셀
- 13. 100 % 너비 표 셀
- 14. 표 셀 내용
- 15. 단일 표 셀 스타일링
- 16. iPhone 표 셀 문제
- 17. 표 셀 변경
- 18. 캘린더의 표 셀 편집기
- 19. 표 셀 정렬
- 20. 표 셀 슬라이드
- 21. 표 셀 재사용 문제
- 22. 보다 큰 표 셀
- 23. HTML 표 셀 편집
- 24. 표 셀 스트레칭
- 25. 표 셀 배경색 변경
- 26. CSS 표, Firefox의 표 셀 높이 문제
- 27. CSS 표 셀 테두리가 겹치는 표 테두리
- 28. GWT DockLayoutPanel 셀 간 간격
- 29. 컬렉션 뷰 컨트롤러의 셀 간격
- 30. 그리드 테두리/셀 간 간격