图文混排的写法

图文混排的写法

老师,请问

1.  2-8的图文混排的实现是用dl,dt,dd来实现;

而2-6,主体中间的图文混排则没有,该什么时候用有什么讲究吗?

2.  2-8的图文是不是也没有绝对地相对页面居中?

因为dl宽470px;左右外边距12px。那两个dl及边距的总宽:470*2+12*3=976(px)<1000(px).

又因为其是左浮动的,所以整体效果是相对于中轴线左偏吗?

为什么不像2-6里面设置微博、微信、qq三个头像时,先设置他们的外边框icon的宽度为33.3%,这样就能均分?


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

1、图文混排效果实现的方式有很多种,可以用dl列表来写,也可以使用img标签放图片,用其它标签放文字,没有固定的必须使用哪个去写。

2、 .bottom-content的宽度是1000px,里面dl的宽度是470*2=940px;外边距是12*4=48px那么总共宽度是988px。可以将dl的宽度再适当的加大一些。实现居中且铺满的效果有很多,老师也是为了多演示几个方法,你自己可以去尝试设置百分比的方式。

网页的实现方式有很多种,没有绝对的必须用哪一种,根据自己的习惯以及比较良好的代码习惯去写就行,能很好的达到页面效果就可以!
祝学习愉快!

  • 穿越满天星 提问者 #1
    非常感谢!
    2017-11-15 23:06:40
  • 穿越满天星 提问者 #2
    再问一下,为什么这个外边距是12*4? 不是说两个盒子模型之间的外边距是等于二者最大的那个吗?不应该有一个边距被包含了?
    2017-11-15 23:09:15
小丸子爱吃菜 2017-11-16 09:28:42

那是垂直方向的外边距

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

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

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

在线咨询

领取优惠

免费试听

领取大纲

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