HTML中五张图片在同一行持续滚动怎样设置 div+css怎么设置让5张图片均匀排列在一行？
\u6025\u6c42\uff01\uff01\uff01\u5728\u7f51\u9875\u4e2d\u600e\u6837\u8ba9\u51e0\u5f20\u8fde\u7eed\u56fe\u7247\u6765\u56de\u6eda\u52a8\uff0c\u7528HTML\u4ec0\u4e48\u4ee3\u7801\uff1f\u8c22\u4e86\u4f7f\u7528DIV,CSS\u6837\u5f0f\u6765\u505a\uff01
\u4e00\u822c\u73b0\u5728\u4f7f\u75283P\u6765\u5b9e\u73b0\uff0c\u5982APS.NET\uff01
\u4f60\u53ef\u4ee5\u62f7\u8d1d\u4e00\u4e2a\u811a\u672c\u4fee\u6539\u91cc\u9762\u7684\u53c2\u6570\uff0c\u5c31\u53ef\u4ee5\u8fbe\u5230\u6548\u679c\u4e86\uff01
\u4f7f\u7528html\u4ee3\u7801\uff0c\u53ea\u80fd\u4f7f\u7528\u4e00\u4e2a\uff01
\u5c31\u662f\u8dd1\u9a6c\u706f\u6807\u7b7e\u6765\u5b9e\u73b0\u7b80\u5355\u7684\u6548\u679c\uff01
\u8fd9\u4e2a\u6807\u7b7e\uff01
\u5982\uff1a
\u8fd9\u662f\u4e00\u6bb5 \u8dd1\u52a8 \u7684\u6587\u5b57.\u6211\u7ecf\u8fc7\u5b83\u5c31\u80fd\u505c\u4e0b\u6765.
\u5176\u4e2d\u7684scrollamount\u5c5e\u6027\u53ef\u4ee5\u6539\u53d8\u901f\u5ea6.\u503c\u5c0f\u5b83\u5c31\u4f1a\u53d8\u6162.
height\u53ef\u4ee5\u6539\u53d8\u9ad8\u5ea6.direction\u53ef\u4ee5\u6539\u53d8\u65b9\u5411.direction=up\u5c31\u4f1a\u5411\u4e0a\u52a8
\u6211\u5efa\u8bae\u4f60\u53bb\u627e\u4e00ASP,\u6216\u8005JavaScript\u7684\u4ee3\u7801\u6765\u8fdb\u884c\u4fee\u6539\u53c2\u6570\uff01
css\u90e8\u5206\u5982\u4e0b:
img{width:184px; height:140px; float:left; margin-right:10px;}
.m0{margin-right:0;}
html\u90e8\u5206\u5982\u4e0b\uff1a
\u8bf4\u660e\uff1a
\u56fe\u7247\u5bbd\u5ea6 184\u00d75=920
\u5269\u4f59\u95f4\u8ddd 960\uff0d920=40
5\u5f20\u56fe4\u4e2a\u95f4\u8ddd\uff0c\u6bcf\u4e2a 40\u00f74=10
\u6837\u5f0f\u4e2dimg\u5c065\u5f20\u56fe\u5747\u8bbe\u7f6e\u53f3\u8fb9\u8ddd(margin-right)10px\uff0c\u603b\u95f4\u8ddd10\u00d75=50
\u603b\u95f4\u8ddd\u8d85\u51fa\u5269\u4f59\u95f4\u8ddd10\uff0c\u6545\u5355\u72ec\u5728\u7b2c5\u5f20\u56fe\u4e0a\u52a0\u6837\u5f0fmargin-right:0;\u6e05\u9664\u53f3\u95f4\u8ddd
\u6b32\u60f3\u6548\u679c\u51fa\u73b0
:)
可以使用marquee标签来实现，这个例子你看一下：网页链接
就是轮播效果，你要先将图片放在一行，然后可以使用定位来改变每个图片的位置。只用定时器可以使其自动轮播。关键是到最后一张时怎么跳到第一张去，且又要看起来无缝连接。
<style>
img { float: left;width:200px;height:200px;border:1px solid red;}
</style>
<marquee><img src="*.jpg"><img src="*.jpg"><img src="*.jpg"><img src="*.jpg"><img src="*.jpg"></marquee>
我也是菜鸟，希望能帮到你。
绛旓細2銆佺劧鍚庡厛缁欓〉闈㈣缃儗鏅鑹诧紝鍒涘缓娈佃惤涓や釜娈佃惤锛屾钀戒笂闈㈣缃2寮犲浘鐗鐨刦loat灞炴э紝鍒嗗埆璁╁畠浠乏鍙虫诞鍔紝鍊间负left鍜宺ight锛屾渶鍚庢墦寮娴忚鍣細3銆佹墦寮娴忚鍣ㄥ悗鍗冲彲鐪嬪埌鏁堟灉锛屼袱寮犲浘鐗囧垎鍒诞鍔ㄥ湪鏂囨湰鐨勫乏鍙充袱杈癸紝鏂囧瓧鍒欐槸鍥寸粫鍦ㄥ浘鐗囧懆鍥.銆備互涓婂氨鏄湪html涓璁╁浘鐗囨诞鍔ㄧ殑鏂规硶锛氭庢牱鐢ㄥ潡p鍋氱綉椤碉紝鎬庢牱鎻掑叆鍥剧墖锛...
绛旓細<html> <title> </title> <head> <style> ul {margin:0; padding:0;} body{ margin:0; padding:0; margin:0 auto;} 1 { width:300px;} 1 ul li { float:left; text-decoration:none;} </style> </head> <body> <div id="1"> <ul> <li>绗竴涓</li> <li>绗簩涓</li>...
绛旓細li鍙粰float:left:涓嶈缁檒i鍜宎瀹氬搴
绛旓細濡傛灉鎮ㄦ兂鎶浜斿紶鍥剧墖绔栫潃鎷兼帴鍦ㄤ竴璧凤紝鎮ㄥ彲浠ヤ娇鐢ㄥ浘鍍忓鐞嗚蒋浠讹紝濡侾hotoshop鎴栬呭湪绾垮伐鍏峰Canva銆傞鍏堬紝鎵撳紑鎮ㄩ夋嫨鐨勮蒋浠跺苟鍒涘缓涓涓柊鐨勭敾甯冿紝鐒跺悗灏嗕簲寮犲浘鐗囦緷娆″鍏ュ埌鐢诲竷涓傛牴鎹渶瑕佽皟鏁村浘鐗囩殑澶у皬鍜屼綅缃紝纭繚瀹冧滑鑳藉鍨傜洿鎺掑垪鍦ㄤ竴璧枫傛帴鐫锛屼娇鐢ㄨ蒋浠跺伐鍏疯繘琛屽榻愬拰璋冩暣锛岀‘淇濆浘鐗囦箣闂寸殑闂磋窛鍜屽竷灞鐪嬭捣鏉...
绛旓細涓棿鏈夌┖闅欏憲锛佺┖闅欏垹鎺夛紒鎴栬呯敤DW浣滃氨娌′簡
绛旓細鏈甯哥敤鐨勪竴绉嶆柟娉曪細灏辨槸娴姩,娴姩涔嬪悗浼氳嚜鍔ㄥ線鍙虫尋锛屾尋涓嶄笅灏卞埌绗簩琛屼簡銆<ul> <li>绗竴寮犲浘鐗</li> <li>绗簩寮犲浘鐗</li> <li>绗笁寮犲浘鐗</li> <li>绗洓寮犲浘鐗</li> <li>绗浜斿紶鍥剧墖</li> <li>绗叚寮犲浘鐗</li> <li>绗竷寮犲浘鐗</li> <li>绗叓寮犲浘...
绛旓細aali"><img src='0908081512422236.gif' width="150" height="120" border="0" /></li> <li class="aali">杩欐槸绗竷寮犲浘鐗</li> <li class="aali">杩欐槸绗叓寮犲浘鐗</li> <li class="aali">杩欐槸绗節寮犲浘鐗</li> </ul> </td> </tr> </table> </body> </html> ...
绛旓細> <img src="<%=rs("picUrl")%>" /> < rs.movenext loop > 濡傛灉鏄暟鎹簱閲屾槸浜岃繘鍒剁殑璇濓紝< do while not rs.eof > < IMG SRC=../../"showimg.ASP?id=<%=rs("id")%>"> < rs.movenext loop > 鐒跺悗鍦 showimg.ASP杩欎釜椤甸潰鎺ユ敹鍒癷d鐨勫 鏌ヨ鏁版嵁搴撲腑鐩稿簲鐨勫浘鐗 鎶鍥剧墖鐨浜岃繘鍒...
绛旓細濡傛灉灞忓箷瀹藉害鍦400鍍忕礌浠ヤ笅锛屽垯6寮犲浘鐗鍒嗘垚涓夎銆俶ediaqueri.es涓婇潰鏈夋洿澶氳繖鏍风殑渚嬪瓙銆傝繖閲岃繕鏈変竴涓 娴嬭瘯灏忓伐鍏凤紝鍙互鍦ㄤ竴寮犵綉椤典笂锛屽悓鏃舵樉绀轰笉鍚屽垎杈ㄧ巼灞忓箷鐨勬祴璇曟晥鏋滐紝鎴戞帹鑽愬畨瑁呫備簩銆侀渶瑕佸厑璁哥綉椤靛搴﹁嚜鍔ㄨ皟鏁 鈥滆嚜閫傚簲缃戦〉璁捐鈥濆埌搴曟槸鎬庝箞鍋氬埌鐨勶紝鍏跺疄骞朵笉闅俱傞鍏堬紝鍦ㄧ綉椤典唬鐮佺殑澶撮儴锛屽姞鍏涓琛 ...
绛旓細ul li{width:100px;float:left;margin-right:10px;} ul li a{width:100px;height:100px;border:1px solid #D6D6D7;display:table-cell;text-align:center;vertical-align:middle;*display: block;*font-size:87px;*font-family:Arial;}//鍥剧墖灞呬腑 ul li a img{vertical-align:middle;} ...
