老师,这里的"洗衣机”和上面的“冰箱”右对齐要怎么实现呢?

老师,这里的"洗衣机”和上面的“冰箱”右对齐要怎么实现呢?

正在回答

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

2回答

你好同学 , 根据你的描述 , 可以使用第二种方法 . 把每个列表放在一个dl中 . 例如如下红框中就是一个dl , 思路如下:

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

1.dl里面的标题和后面的列表分别放在dt和dd中 . 然后给dt和dd设置浮动 ,使其显示在一行 . 

2. 标题的dt可以设置固定宽度 ,并使用text-align:right右对齐 , 这样就达到了同学所说的文字右对齐的效果 . dt和dd是不要设置高度的 . 因为dd也就是列表内容是不固定的 ,.让里面的内容撑起来即可.

3.垂直的距离可以给每个dl设置适当的margin-bottom即可

实战一下吧 , 祝学习愉快 ,望采纳 .

好帮手慕星星 2018-12-02 12:01:49

不同长短的文字在默认情况下就是左对齐的:

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

同学是设置了text-align:right;属性值吗,可以自己查看一下哦。

祝学习愉快!

  • 提问者 小章鱼丸 #1
    希望它右对齐呀 ,老师,子菜单这块怎么实现比较好呢? 我用了两种方案:第一种:一行一行的写,可是左侧文字 2个字和3个字的不知道该怎么右对齐; 第二种:用dl dt dd写的,每个tab是1个dl(如“电器”是1个dl,“冰箱”是1个dl,可dl之间垂直方向的距离又不知道怎么设置
    2018-12-05 21:52:11
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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