2011-12-27 2 views
3

어떤 이유로 표시를 명시 적으로 목록 항목으로 설정하고 목록 스타일 유형을 정사각형으로 설정 한 경우 글 머리 기호를 표시 할 수 없습니다.표시가 목록 항목으로 설정된 경우 dd 태그에 글 머리 기호가 표시되지 않습니다.

CSS (디스크 중 하나가 작동하지 않았다) :

#page1 dd 
{ 

    display: list-item; 
    list-style-type: square; 
} 

HTML :

여기
 <dl> 

     <dt>How does the game work? </dt>   
     <dd>It provides a process - a way to ask questions and find consensus-building answers through an interactive, web-based simulation.</dd> 
     <dd>It creates a common language for discussing issues. </dd> 
     <dd>It moves the conversation from an individual view to a systemic one. </dd> 
     </dl> 

는 브라우저의 모습입니다. 코드를 방해 할 수있는 것에 대한 아이디어 - 파이어 버그에서는 올바르게 적용되고 있음을 보여 주지만 그 효과는 보이지 않습니다. 글 머리 기호가 표시하는

this is what it looks like in the browser

+0

아마 이것은 정렬되지 않은 목록이 뒤 따르는 표제로 표시되었을 것입니다. 'dt'는 표제 나 제목을위한 것이 아닙니다. – BoltClock

답변

5

당신은 좀 여유를 줄 필요가 :

http://jsfiddle.net/BPMWP/2/

dd { 
    display: list-item; 
    list-style-type: square; 
    margin-left:20px; 
    } 

display:list-item 속성은 기본 CSS를하지 않는다는 ul 또는 ol 당신이 명시 적으로 들여 쓰기를하지 않으면 총알을 숨 깁니다.

이것은 실제로 알아낼 엄청난 고통이었습니다. 요소 here을 검사하는 것은 저를 위해 그것을 해결 한 것입니다. 좋은 질문!

+0

jsfiddle이 올바르게 표시됩니까? 그들은 나를 위해 마진없이 일하는 것 같다? 어쩌면 OP가 body 태그에 대해 여백/여백 0을 설정 했습니까? –

+0

dd {margin : 0}의 효과에 대한 코드가 어딘가에있을 가능성이 있습니다 (아마도 재설정 스타일 시트에서). Dd 태그의 기본 왼쪽 여백은 40px이며 캡쳐 화면에 표시되지 않습니다. –

+0

이드는 이렇게 추측합니다. jsfiddle에서 여백없이 표시하지 않기를 바랍니다./ –

관련 문제