为了账号安全,请及时绑定邮箱和手机立即绑定

信息排列效果

难度初级
时长30分
学习人数
综合评分9.63
161人评价 查看评价
9.7 内容实用
9.6 简洁易懂
9.6 逻辑清晰

已采纳回答 / sixGod
li的样式是float的,所以你的父容器的宽度能放下4个li时,4个就会在一排,如果你把父容器的宽度变小一点,只能放下3个时,第4个就会被挤到第二排去了

已采纳回答 / 浅水了
ul li .a-img   把前面ul、li删掉,试试就知道了

已采纳回答 / Mefa
添加页面加载完成时的事件window.onload = function(){} 把现成的实现代码封装进去就行了啊

已采纳回答 / 不断滴自我催眠
你的代码 好多问题···var listbtn=document.getElementById("btn1"); 名称应该是listBtnvar imgs=document.getElementsByIdTagName("img")  后面没有封号 getElementsByIdTagName名称错误,应该是getElementsByTagName多了一行无效代码  listBtn.onclick = function(){ js代码 最后 少了大括号 imgs[i].parentNode.classNa...

已采纳回答 / 卖火柴的小舒
最外面要加上window.onload 哦

已采纳回答 / 小于飞飞
看看两者的区别:一、使用.a-img .small<...code...>结果:<...code...>二、使用.small<...code...>结果:<...code...>三、总结如是.small引用了small的所有内容都会发生样式变化如是.a-img .small说明在引用a-img的标签下引用small的内容发生样式变化。

已采纳回答 / 卖火柴的小舒
设置margin:0 auto;时,后面必须设置width.才能看见效果

已采纳回答 / 挑战者的姿态
这视频我看了录的不够好,你这样照着他的做做不到很正常,因为他视频里的样式是:.small{height: 50px;width: 50px;display: block;} ,这里把<a>设为了块元素,<a>下面的<p>元素也是块元素,块级元素是不能在一行显示的,要想块级元素在一行显示可以用浮动,视频中正确的代码应该是这样的:.small{height: 50px;width: 50px;display: block;float: left;},注意这里的float,视...

已采纳回答 / hnull
http://img1.sycdn.imooc.com//53ab7cf4000196c000500050.jpg  上一节的题目也有说到这个小图的地址的
课程须知
您至少具备HTML/CSS、JavaScript基础知识
老师告诉你能学到什么?
1.学会运用HTML/CSS图文排列布局。2.学会合并图的使用。3.学会运用JS改变元素样式等

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消