关于项目的几个小问题

关于项目的几个小问题

老师您好,我想请教几个问题:

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回答

1、如下图所示,根据w3c官网的解释,text-align属性可以将元素中的文本信息进行居中,这种居中方法需要具体情况具体分析,有时也会使用margin: 0 auto;来进行居中。

2、居中是因为给。main.bottom.content属性设置了margin:0 auto属性才会居中。

http://img1.sycdn.imooc.com//climg/5c2da01c000186cc03650117.jpg

3、关于你问的如何选择float和postion,我们可以想象一个场景,当宽度固定时,如果两个具备float属性的元素超过其父元素的宽度时,第二个元素就会换行了,而是用postion定位就不会出现换行效果,他可以使两个元素之间有重叠的部门。

4、clear:both的意思是不允许两边有浮动效果,但是他还是具有浮动属性的,只是效果消失了,所以他才会正常的排版,具体是否清除浮动还是要根据页面的显示效果来决定的,祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
从网页搭建入门Java Web2018版
  • 参与学习           人
  • 提交作业       1088    份
  • 解答问题       10204    个

如果你有Java语言基础,又想以后从事Java Web开发,那么本路径是你的不二选择!本路径从网页搭建开始入手,通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师