IE에서 체크 박스를 쓸 수 없음

나는 체크 박스 뒤에 라벨이있는 테이블 컬럼을 가지고있다. 샘플 HTML 코드는 다음과 같습니다.IE에서 체크 박스를 쓸 수 없음

그러나 체크 박스와 레이블은 같은 줄에 정렬되어 있지 않습니다. 라벨이 다음 줄로 들어가면 모양과 페이지의 전체 정렬에 영향을줍니다. 그러나 Firefox 및 Chrome과 같은 다른 브라우저에서는 문제가되지 않습니다. 너비와 높이를 지정하려고 시도했지만 문제를 해결할 수 없습니다. 기본적으로 확인란과 레이블을 같은 줄에두기를 원합니다.

누구나 이전에 그런 문제에 직면 해 있습니까? 도움이 필요하다.

출처

2011-12-31 user1043422

요소 중 하나에 display : block이 있습니까? 그렇다면 제거하십시오. 또는 이것이 가능하지 않은 경우 두 요소 중 하나에 부동을 추가하여 강제로 원하는 부분으로 이동하십시오. –

또한 불필요한 간격을 모두 제거하는 것이 좋습니다. 그것은 아마도 당신이 찾고있는 해답 일 수 있습니다. 예 : ''실제로 '' –

이 (가) 귀하의 CSS를 보여주십시오. – Marcin

일반적으로 비 분리 영역이 약간 있습니다. 작업

<td class="namecell"><label 
    class="celllabel"><input type="checkbox" class="checkboxclass" 
    value="cs1" />&nbsp;lable data </label></td>

출처

2011-12-31 01:32:02

너비를 조정하면 도움을 많이 주셔서 감사합니다. – user1043422

두 가지 방법 :

가 속성 nowrap="nowrap"를 사용 (또는 nowrap XHTML을 사용하지 않을 경우) td 태그에. nobr 마크 업 내부의 td 요소의
랩 내용 : <td ...><nobr>...</nobr></td>

누군가가 nowrap가 사용되지 불평과 nobr 것을 비표준이지만, 실제로 일을 할 도구입니다 수 있습니다. 이 경우 둘 다 작동하는 것으로 보이지만 일반적으로 nobr은 nowrap이없는 경우 작동합니다.

  (또는 실제 휴식 시간 없음)을 사용하면 도움이되지 않습니다. 실제로 언급 된 방법을 사용하지 않는 한, 공간이 개입하지 않아도 확인란과 레이블이 별도의 줄에 표시 될 수 있습니다.

CSS에서 white-space: nowrap (td 요소)을 사용하면 CSS 2.1 사양에 도움이되지만 실제로는 작동하지 않습니다.

브라우저가 셀 너비를 확장하여 한 줄에 내용을 표시하지 못하게하는 경우에만 문제가 발생합니다. 예를 들어 너비 지정이 될 수 있습니다. 같은 행에 체크 상자와 레이블을 강요하면 with 사양이 무시 될 수 있습니다.

출처

2011-12-31 11:26:00

감사합니다. td의 너비를 조정하면 문제가 해결되었지만 파이어 폭스 나 크롬을 다룰 때이 문제는 해결되지 않았습니다. IE에서만 나타났습니다. – user1043422

IE에서 체크 박스를 쓸 수 없음

답변

관련 문제