2
많은 <img> 태그를 동적으로 생성하고 여러 div에 추가하는 JavaScript가 있습니다.HTML <img> 태그가 줄 바꾸기를 방지합니다.
이러한 이미지가 배치되지 않도록하고 싶습니다. 즉, 화면 해상도가 그것을 포함하기에 충분하지 않은 경우 브라우저는 줄 바꿈 대신 가로 스크롤 막대를 만들어야합니다. CSS에서
A
답변
1
div {
overflow: auto;
}
3
div 포함 img 태그에 다음과 같은 CSS를 추가 overflow-x: auto; white-space: nowrap;
를 수평 스크롤을 얻기 위해 내용이 div보다 넓은 및 포장에서 콘텐츠를 방지하기 때 .
+0
나는이 divs를 많이 가지고 있으므로이 방법이 효과적이지만 "container"div에서만 설정해야합니다. 감사합니다. – ILCARTOLAiO
관련 문제
- 1. HTML 태그가 실행되지 않도록 HTML 태그가 있습니까?
- 2. 테이블에서 줄 바꿈을 방지합니다.
- 3. 내용의 줄 바꿈을 방지합니다
- 4. BSD sed에서 줄 바꾸기를 어떻게 사용합니까?
- 5. SQL Server의 syscomments에서 줄 바꾸기를 어떻게 포함합니까?
- 6. gvim이 줄 바꾸기를 새 줄로 처리합니다.
- 7. html <button> 태그가 Firefox에서 이상하게 렌더링됩니다
- 8. * Nix 명령 줄에서 여러 줄 찾기 및 바꾸기를 수행하려면 어떻게해야합니까?
- 9. "주소"HTML 태그가 계속 사용됩니까?
- 10. ckeditor 하단에 HTML 태그가 표시됩니다.
- 11. MVC2에서 HTML 서식 지정 태그가 무시되었습니다.
- 12. 왜 내 Apache2 :: Log 출력이 \ n으로 줄 바꾸기를 바꾸나요?
- 13. 자동 텍스트 줄 바꾸기를 사용하도록 설정하는 명령이 있습니까?
- 14. 내 mastr 페이지의 CSS : 사진에 줄 바꾸기를 추가하고 싶습니다.
- 15. HTML 태그가 아닌 꺽쇠 괄호를 이스케이프 처리하는 정규식
- 16. 긴 html 링크에서 줄 바꿈이 없습니까?
- 17. HTML 스크립트 태그가 type javascript를 사용하지 않음 <script type = "text/html">?
- 18. jquery를 사용하여 기본 동작을 방지합니다.
- 19. 입력시 줄 넘김을 <textarea>에 입력하십시오. [html, javascript]
- 20. 줄 바꿈없이 HTML <style> 요소를 사용할 수 있습니까?
- 21. HTML 태그가 아닌 내용을 바꾸는 정규 표현식
- 22. 웹 응용 프로그램에 HTML 헤더 태그가 필요합니까?
- 23. 여러 tbody 태그가 사용되면 html 테이블이 유효합니까?
- 24. HTML Div 태그가 Mozilla FireFox에 표시되지 않습니다.
- 25. ckeditor 문제 : 소스에 여분의 html 태그가 있습니다
- 26. 입력시 HTML 입력 태그가 언제 다시 게시됩니까?
- 27. HTML 민첩성 팩 스트립 태그가 화이트리스트에 없음
- 28. html 이미지 태그가 헤드 태그에서 실행됩니까
- 29. 서식있는 HTML 태그가 포함 된 게시물
- 30. <style> 태그가 여전히 작동합니까?
*이 옵션은 * horizontal scroll-bars *의 특정 요구 사항을 엄격하게 준수하지 않습니다 *, 'overflow-x : auto'가 더 좋을 수 있습니다. 그러나 OP *가 가로 스크롤 막대 만 지정했는지 아닌지 확실하지 않습니다. –
이 속성 만 추가해도 작동하지 않습니다. – ILCARTOLAiO