Maison > interface Web > tutoriel HTML > 请教下思路_html/css_WEB-ITnose

请教下思路_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:15:12
original
1031 Les gens l'ont consulté

现在我想把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>
Copier après la connexion
Copier après la connexion

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

演示一下

<div style='position:relative;width:40px; height:20px;border:1 solid red;'><marquee style='position:absolute; left:0'>ABCDEFGHIJKLMNOPQRSTUVWXYZ.....</marquee><div>
Copier après la connexion
Copier après la connexion

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

百度搜索:ShareX

百度搜索:ShareX


3Q,you are so cute
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal