응답 모드에서 이미지 감싸는 것을 방지하는 방법

응답 모드에서 이미지 감추는 것을 방지하는 방법. 아래의 간단한 코드는 응답 모드에서 새 줄을 끊는 것입니다.응답 모드에서 이미지 감싸는 것을 방지하는 방법

<img src="image1.jpg" style="float:left;" /> 
<img src="image2.jpg" style="float:left;" /> 
<img src="image3.jpg" style="float:left;" /> 
<img src="image4.jpg" style="float:left;" /> 
<img src="image5.jpg" style="float:left;" />

도와주세요

편집 : 이 jsbin 참조 : 실패, http://jsbin.com/AhIwiCA/1/edit

출처

2013-11-03 b24

더 많은 코드가 있습니까? –

아니요 저는이 이미지를 boot-style 스타일 div에 col-xs-12 클래스로만 가지고 있습니다 – b24

@babak haj azim zanjani 당신은 jsFiddle을 제공 할 수 있습니까 –

이미지가 줄 바꿈되지 않도록하려면 white-space: nowrap;을 부모 요소에 추가하고 이미지에서 style="float:left;을 제거하십시오.

http://jsfiddle.net/myajouri/gqxxC/

출처

2013-11-03 14:32:50 myajouri

감사합니다 myajouri. 그것은 훌륭하고 깨끗한 해결책입니다. – b24

부트 스트랩 내가 서로 라인에서 이미지를 가져올 수있는 생각 인라인라는 클래스를 가지고 당신이 수 이 문제를 방지하려면 관련 CSS 클래스를 찾으려면 CSS를 통해 트롤링해야합니다.

출처

2013-11-03 13:26:24

다음을 참조하십시오 : http://jsbin.com/AhIwiCA/1/edit – b24

그래서 확인 하시겠습니까? 당신은 그것의 이미지를 언제나 서로 위에 쌓아 놓기를 원하거나 특정 스크린 크기로만 원하십니까? –

항상 상단에 이미지가 쌓이길 원합니다. – b24

응답 모드에서 이미지 감싸는 것을 방지하는 방법

답변

관련 문제