다음 줄로 감싼 DIV에 요소를 플로팅했습니다. 포장하는 대신에이 요소들을 화면에서 단순히 벗어나게하고 싶습니다. 나는 성공없이 white-space:nowrap을 사용해 보았습니다.떠 다니는 요소를 강제로 화면 외부에서 실행합니다.
CSS
img {
float: left;
}
div {
overflow: hidden;
}
HTML
<body>
<div>
<img ... >
<img ... >
<img ... >
</div>
</body>
사용이 CSS :
되는 HTML에서img
{
float: left;
}
div
{
width: 300%;
}
body
{
overflow: hidden;
}
나는 이것을 시도해 보았습니다. 문제는 div가 화면을 벗어난 후 iPhone과 같은 터치 스크린에서 오버플로 된 콘텐츠를 스크롤하고 볼 수 있다는 것입니다. DIV의 너비가 맞지 않아 일반적으로 여분의 공백이 있다는 점을 제외하고는 사실 저와 잘 맞습니다. DIV가 화면에서 계속 실행되는 동안 내용에 맞게 축소되도록이 방법을 적용하는 방법은 무엇입니까? (정확한 폭을 설정하기 위해 JS 톤을 사용하지 않는 것)? –
곳이 당신이 오버 플로우 할 텍스트는? overflow : 이미지에 대해 숨김이 작동하지 않습니다. – maxko87