0
내 UL 중 하나가 올바르게 표시되지 않습니다. 그것은 인라인을 표시하고 총알도 표시하지 않습니다.ul에 글 머리 기호가 표시되지 않습니다.
이 문제는 내 탭 인터페이스에서 사용되는 div에만 엄격하게 격리된다는 것을 알고 있습니다. 나는 또한 위의 계층 구조로 인한 것이라고 가정합니다. (.tabs li은 '인라인'으로 표시합니다.) 삭제하면 탭 인터페이스가 엉망입니다. div를 가로로 유지하고 div 상자 안의 목록을 블록으로 표시하려면 어떻게해야합니까?
감사합니다.
CSS
.basics ul {font-family:terminal;
font-size:9px;
text-transform:uppercase;
color:gray;
padding:0px;
display:block;
}
li.basics { list-style-image: url('/bullet.png');
}
ul b {font-family: terminal;
font-size: 8px;
text-transform:uppercase;
color:#fff3a2;
font-weight:lighter;
}
div.tabs {
padding:15px;
width:760px;
background:#000;
color:#fff;
border-radius: 0em 4em 1em;
-moz-border-radius: 10px;
margin-left:3px;
height:200px;
overflow: auto;
}
ul.tabs {
padding:0;
margin:0;
margin-top:10px;
margin-left:3px;
}
.tabs li {
list-style:none;
display:inline;
}
와 HTML 코드 : 내가 제대로 질문을 이해 해요 경우
<ul class='tabs'>
<li><a href='#tab1'>BASICS</a></li>
<li><a href='#tab2'>BIOGRAPHY</a></li>
<li><a href='#tab3'>RANDOM</a></li>
<li><a href='#tab4'>NPCs</a></li>
</ul>
<div id="tab1" class="tabs">
<ul class="basics">
<li><b>Full Name:</b>
<li><b>DOB:</b> 27 May 1985; 28 YRS </li>
<li><b>Birthplace:</b>Olinda, Brasil</li>
<li><b>Nationality:</b>Brazilian, French, & American</li>
</ul>
div에'tabs' 클래스 이름도 지정하는 이유는 무엇입니까? 그리고 당신이 사용하고있는 플러그인 – PSL