표 셀 서식을 사용하여 줄 바꿈을 추가하는 방법

사용자 지정 CSS를 사용하여 양식을 설정했습니다. 입력 필드 사이에 공백을 넣고 확인란을 정렬해야합니다. 는 여기에 내가 왼쪽 열에서 체크 박스의 라벨이 그들의 왼쪽에이 체크 박스로 잘 정렬해야 plunkr 표 셀 서식을 사용하여 줄 바꿈을 추가하는 방법

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

이 무엇을 plunkr입니다. 오른쪽 열의 확인란은 오른쪽에 레이블이있는 상태로 왼쪽에 정렬해야합니다.

출처

2014-09-04 texas697

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

그런 다음 당신이 그렇게 같은 label 태그 내부의 input를 중첩하여 체크 박스 문제를 해결할 수 있습니다 질문 자체에 * 관련 * CSS * 및 * HTML 코드를 포함시키고, 원하는 것을 명확하게 설명하고 (어떤 것 사이의 간격이 충분히 명확하지 않은 경우), 최선의 노력이 실패한 방법을 설명하십시오. –

죄송합니다 ... 다소 혼란 스럽습니다. 어느 쪽이 왼쪽에 있어야합니까? 라벨이나 체크 박스? – LcSalazar

당신은 당신의 label 및 input 요소에 약간의 상단과 하단 여백을 추가 할 수 있습니다

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

출처

2014-09-04 18:21:30 jleggio

체크 상자의 레이블 (다른 레이블은 제외)에서 "display : table-cell"스타일을 제거하면 해당 레이블이 표시됩니다. 전반적인 레이아웃을 구조화하는 더 나은 방법이지만, 빠르고 더러운 솔루션입니다.

출처

2014-09-04 18:04:59 FuzzyMittens

표 셀 서식을 사용하여 줄 바꿈을 추가하는 방법

답변

관련 문제