请教下思路_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 11:15:12
원래의
974명이 탐색했습니다.

现在我想把DIV 做成轮播的样子,可以实现点击左右的图片按钮可以实现滚动

1.如何把div在一个固定宽度的下实现一行显示,因为当宽度不足的时候回另起一行,怎么才能做到只在一行实现,多出的会使用overhidden。 父元素该怎么设置,底下的子元素该怎么设置?



回复讨论(解决方案)

你想复杂了,看图

红框表示一个限定尺寸的 div,黑框表示一个普通的 div
当将黑框放在红框里时,黑框中的内容只在红框的部分能看的见,所以红框也称为 视口
只要黑框在移动,视口中的内容就会不断变化


.....

演示一下

<div style='position:relative;width:40px; height:20px;border:1 solid red;'><marquee style='position:absolute; left:0'>ABCDEFGHIJKLMNOPQRSTUVWXYZ.....</marquee><div>
로그인 후 복사
로그인 후 복사

大体的思路明白了,感谢版主

演示一下

<div style='position:relative;width:40px; height:20px;border:1 solid red;'><marquee style='position:absolute; left:0'>ABCDEFGHIJKLMNOPQRSTUVWXYZ.....</marquee><div>
로그인 후 복사
로그인 후 복사

大神,请教一下,这个GIF图片是用什么软件做的?

百度搜索:ShareX

百度搜索:ShareX


3Q,you are so cute
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!