방지 다중 스팬

어떻게 I 군 두 div의 내부 span (위아래 하나와 div 텍스트를 포함하고, 고정 된 폭을 가짐) 및 디스플레이 여러 span 추천 고정 폭 td 태그입니다. 그렇게 할 수는 있지만 내 span은 겹쳐 있습니다. 한 줄의 공간이 가득차면 다음 span이 다음 행에 있어야합니다.방지 다중 스팬

출처

2012-04-21 Avi

'span'과 같은 인라인 요소 안에 블록 요소 (예 :'div')를 넣으면 안됩니다. –

라이브 URL 또는 jsfiddel/webdevout 링크는 어디에 있습니까? css/html로 게임 할 방법이 없다면 우리는 당신을 도울 수 없습니다. –

그래, span에 div로 변환했지만, 여전히 'display : inline-block'을 사용하여 중복되는 것을 막지 못하고 있습니다 ... 부모 div가 여전히 중첩되어 있습니다. – Avi

마크 업을 수정해야합니다.

블럭 레벨 요소 (예 : div)를 인라인 요소 (예 : span)에 배치 할 수 없습니다. 그렇게하면 인라인 요소에 width 및 margin에 대한 제한이 있으므로 레이아웃에 대한 마크 업이 잘못되어 엉망이됩니다.

범위에 display:block 또는 display:inline-block을 선언하거나 더 잘 div로 변환하십시오. 이렇게하면 문제가 해결 될 가능성이 높습니다.

출처

2012-04-21 11:27:19 Christoph

좋아, 내가 범위를 div로 변환하지만, 여전히 'display : inline-block'을 사용하면 겹치는 것을 막지 못한다. 부모 div는 여전히 겹쳐있다. – Avi

@Avi jsfiddle.net으로 이동하여 샘플 마크 업에 대한 링크를 제공하십시오. – Christoph

방지 다중 스팬

답변

관련 문제