FireFox는 다음과 같이 별도의 줄에 하나 이상의 단어가있는 목록 항목에 단어를 넣는 것 같습니다. http://a.flatsi.es/projects/7temwk/images/j7tjrt
다른 모든 방법에서 이처럼 원하는 방식입니다.
http://a.flatsi.es/projects/7temwk/images/9766khFirefox 표시 목록이 잘못되었습니다
올바른 방향의 포인트가 우수합니다.
HTML
<div class="singlenav">
<ul>
<li><a href="/v2">Home</a></li>
<li><a href="/v2/?p=17">About</a></li>
<li><a href="/v2/?p=14">Information</a></li>
<li><a href="/v2/?p=11">Study Skills</a></li>
<li><a href="/v2/?p=8">Discuss</a></li>
<li><a href="/v2/?p=5">Contact</a></li>
</ul>
</div>
CSS
.quicklinks{
width: 100%;
font: bold 20px 'Helvetica',sans-serif;
color: #333;
text-align: left;
margin: 70px 0 0 0;
display:inline-block;
}
.quicklinks li{
white-space: nowrap;
}
.quicklinks li a{
color: #333;
text-decoration: none;
padding: 10px;
margin: -10px;
}
사용중인 HTML과 목록에 적용 할 수있는 다른 CSS를 게시 할 수 있습니까? 나는 당신이 올린 것에 근거하여 이것을 보지 않을 것입니다. 관련 메모에서 단어 또는 CSS 공백 규칙 사이에 ' '을 사용하여 손상되지 않도록 할 수 있습니다. – j08691
고마워요 @ j08691 추가 그게 내가 CSS에서 잘못하고있는 게 있는지 궁금해 지금 나를 위해 일했다. 다시 한 번 감사드립니다! – nickoreardon
방금 추가 한 테스트 케이스에 대한 내 대답을 테스트했으며 Fx에서 제대로 작동합니다. 문제는 당신이 기본 동작에 의존하고 있다는 것입니다. 브라우저 기본값을 자비로 다루고 싶지 않다면 제 대답과 같이 명시 적이어야합니다. – Rushyo