这里总高度是420 每一个应该是70 为什么老师写48 为什么我写70并不会垂直居中

这里总高度是420 每一个应该是70 为什么老师写48 为什么我写70并不会垂直居中

正在回答

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

1回答

同学你好,不清楚同学具体是怎么写的,以讲师的思路为例,因为文字上下方还存在空白,所以老师是给dl设置的高度,让其刚好包裹文字,然后结合定位,实现垂直居中效果。

另外,设计稿只是一个参考,有时候需要灵活变通下,例如:课程中讲师考虑到在不同屏幕下保证图片不变形,所以这里并没有采用设计稿的测量值,直接将banner区域高度设置为固定的,而是让其由图片撑开高度,然后采用百分比的形式设置垂直菜单项里的li高度,如下:

https://img1.sycdn.imooc.com//climg/63687e6a09023df508640750.jpg

祝学习愉快~

  • 清夏_ 提问者 #1

    https://img1.sycdn.imooc.com//climg/6368809b09f4129608690570.jpg

    我也是在dl身上设置的高度,li我也用16.66%去写了,为什么写设计稿的高度70 不会垂直居中



    2022-11-07 11:52:05
  • 好帮手慕慕子 回复 提问者 清夏_ #2

    具体是针对谁设置的70px呢?可以将你写的无法实现效果的完整代码粘贴过来,便于帮助同学准确的定位与解决问题。

    祝学习愉快~

    2022-11-07 13:49:00
  • 清夏_ 提问者 回复 好帮手慕慕子 #3

    老师 css选择器应该怎么去书写嵌套比较优,我学了后面的课程老师说不建议嵌套太深,所以我现在都只嵌套最多三层,但是不知道会不会有时候不注意引起样式覆盖这类问题,比如上面的 center_wrap 我没有限定死是banner下的,

    2022-11-07 15:21:58
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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