请教问题

请教问题

flex-direction:row和justify-content:flex-start这两个都是左对齐有什么区别吗?


正在回答 回答被采纳积分+1

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

1回答
好帮手慕慕子 2021-12-05 10:02:41

同学你好,这两个属性确实都可以实现左对齐的效果,但是这两个属性的作用不同,如下:

1、flex-direction:该属性决定主轴的方向(即项目的排列方向)

2、justify-content:属性定义了项目在主轴上的对齐方式。

祝学习愉快~

  • 提问者 神知 #1
    flex-direction:row单这个属性它是决定不了方向的吧?就是水平左对齐?            
    下载视频          
    2021-12-05 18:35:39
  • 好帮手慕慕子 回复 提问者 神知 #2

    同学你好,可以的,flex-direction是规定主轴的方向,并不只是水平对齐,flex-direction常见有四个属性值,具体可以结合下面的示例理解:

    (1)flex-direction属性值为row时,主轴为水平方向,所有项目在一行水平左对齐显示,如下:

    https://img1.sycdn.imooc.com//climg/61ad741b092c423612270654.jpg

    (2)flex-direction属性值为row-reverse时,主轴与 row 相同,即:水平方向,但是项目以相反的顺序显示,如下:

     https://img1.sycdn.imooc.com//climg/61ad74d00958aaa513290743.jpg


    (3)flex-direction属性值为column时,主轴为垂直方向,所有项目在一行水平左对齐显示,如下:

    https://img1.sycdn.imooc.com//climg/61ad75240994de9611870695.jpg

    (4)flex-direction属性值为column-reverse时,主轴与 column 相同,即:垂直方向,但是项目以相反的顺序显示,如下:

    https://img1.sycdn.imooc.com//climg/61ad7550094b4e2812670829.jpg

    祝学习愉快~

    2021-12-06 10:30:51
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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