2012-08-07 5 views
2

다음과 같이 표시되는 정렬되지 않은 목록이 있습니다 : http://jsfiddle.net/spryno724/XYBja/.CSS 정렬되지 않은 목록 긴 텍스트 표시 인라인

두 번째 목록 항목이 너무 길어서 첫 번째 목록 항목 아래의 다른 줄로 줄 바꿈됩니다. 명시적인 너비를 지정하지 않고 각 목록 항목을 자체 "열"내에 유지하는 방법이 있습니까?

감사합니다.

+0

당신이 구조의이 종류를 사용하는 이유에 특별한 이유가 CSS에? 이 중 몇 개가 함께 합류 할 예정입니까? 그렇다면 아래의 항목을 어떻게 표시 할 계획입니까? 옆에? 게시 된 솔루션은 많은 경우에 잘 작동하지만 목록이 특정 모델을 따르는 것으로 가정하면 적어도 이미지 또는 컨테이너의 너비를 적절하게 설정하지 않으면 좋은 결과를 얻는 것이 다소 까다로울 수 있습니다. – aivou

답변

1

넣어이 당신이

img{ 
    float:left; 
} 

이 트릭을 할해야 =)

+0

고마워요, 당신의 트릭이 효과가! 수레를 지우기 위해 몇 가지 개선 사항을 추가했습니다. http://jsfiddle.net/spryno724/XYBja/6/ –

+0

기꺼이 도와 드리겠습니다. =) –

1

넣어주세요 li img {float: left} 이미지가 왼쪽으로 떠있게되므로 문제가 해결 될 것입니다.

희망이 도움이됩니다.

+0

고마워요, 당신의 속임수는 작동했습니다! 난 몇 가지 향상된뿐만 아니라, 수레를 취소 추가 : http://jsfiddle.net/spryno724/XYBja/6/ –

+0

당신을 환영합니다! 나는 처음에 대답했다. 그러나 걱정하지 마라. .. 주된 물건은 양쪽이 아니라 모두이 도움이되었다라는 것이다! :) –

관련 문제