请教下思路_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:15:12
Original
975 Leute haben es durchsucht

现在我想把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>
Nach dem Login kopieren
Nach dem Login kopieren

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

演示一下

<div style='position:relative;width:40px; height:20px;border:1 solid red;'><marquee style='position:absolute; left:0'>ABCDEFGHIJKLMNOPQRSTUVWXYZ.....</marquee><div>
Nach dem Login kopieren
Nach dem Login kopieren

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

百度搜索:ShareX

百度搜索:ShareX


3Q,you are so cute
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!