이 HTML의 이미지들 사이에 개행 문자가 없도록하려면 어떻게해야합니까?

Question

jsFiddle

위의 jsFiddle에서 볼 수 있듯이 각 이미지 다음에 다음 요소 앞에 줄 바꿈이 있습니다. 다른 유형의 요소 인 사이클링 텍스트는이 작업을 수행하지 않습니다. 어떻게하면 각 이미지 다음에 줄 바꿈이 없도록 변경할 수 있습니까?

Answer 1

li { display: inline-block; } 그것을 분류한다 : 나는 (파란색 상자가 빨간색 상자가 사이클링 텍스트 요소를 대표하는 이미지를 표현)과 같이 표시 할.

Answer 2

기본적으로이 동작을 사용하는 li 요소를 사용합니다.

는 그러나 일부 요소에 대해 당신은 li 이름 text-cycler에 클래스를 추가하고 이들에 대한 CSS는

ul.images li.text-cycler { 
    display: block; 
    float: left; 
    width: 96px; 
    height: 96px; 
    margin: 2px; 
} 

플로트 왼쪽 사람들은 다른 옆에 하나 쌓아 원인이 무엇인가이다. 이미지가있는 li에는이 클래스가 없으므로 왼쪽으로 부양되지 않습니다.