关于项目的几个小问题
老师您好,我想请教几个问题:
1.text-align:center既可以给图片居中也可以让文字居中吗?我看视频中老师让微博,微信,QQ图片和文字一起居中时候用的是这个方法。
2.视频中为什么在设置微信、微博、qq那一部分时候用到了float:left;width:33.3%;而在接下来(中间部分的bottom内容)的图片设置时设置了图片的宽、高后就取消了width:33.3%;这一代码,且目测感觉是居中对齐呢?是不是因为后来在图片和文字的容器元素中设置了text-align:center;使他们都对齐吗?
3.当一个容器使用float的时候是自动把容器内的块级元素(如多个div)变为行内元素吗?在写项目时候float和position具体该如何选择?有常用的,具体针对的情况吗(感觉文字环绕图片类型要使用float..其余不太清楚了)?
4.为什么在写完浮动微博、微信、qq(中间部分的header)后需要清除浮动才能使下面文字(中间部分middle)才不出现排版问题?而最后一步也是浮动了三张图片和所配文字(中间部分bottom),但在写下部分内容(下一个视频的任务)之前没有清除(中间部分bottom遗留下)的浮动?
麻烦老师回答一下,谢谢~幸苦啦!!!
正在回答
1、如下图所示,根据w3c官网的解释,text-align属性可以将元素中的文本信息进行居中,这种居中方法需要具体情况具体分析,有时也会使用margin: 0 auto;来进行居中。
2、居中是因为给。main.bottom.content属性设置了margin:0 auto属性才会居中。
3、关于你问的如何选择float和postion,我们可以想象一个场景,当宽度固定时,如果两个具备float属性的元素超过其父元素的宽度时,第二个元素就会换行了,而是用postion定位就不会出现换行效果,他可以使两个元素之间有重叠的部门。
4、clear:both的意思是不允许两边有浮动效果,但是他还是具有浮动属性的,只是效果消失了,所以他才会正常的排版,具体是否清除浮动还是要根据页面的显示效果来决定的,祝学习愉快~
- 参与学习 人
- 提交作业 1088 份
- 解答问题 10204 个
如果你有Java语言基础,又想以后从事Java Web开发,那么本路径是你的不二选择!本路径从网页搭建开始入手,通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星