上一节:
下一节:

  JavaScript HTML DOM Style justifyContent 属性

  • justifyContent 属性

    当item不使用主轴上的所有可用空间（水平）时，justifyContent属性会对齐flex容器的项目。
    提示：使用alignContent属性对齐横轴上的项目（垂直）。
    在flex的div元素的项之间留出一些空间： 
    document.getElementById("main").style.justifyContent = "space-between";
    尝试一下

  • 浏览器支持

    项 IE/Edge Chrome FireFox Safari Opera
    属性
    justifyContent
    12.0+
    支持
    支持
    不支持
    支持

  • 语法

    返回justifyContent属性：
    object.style.justifyContent
    设置justifyContent属性：
    object.style.justifyContent = "flex-start|flex-end|center|space-between|space-around|initial|inherit"

  • 属性值

    值 描述
    flex-start 默认值。 项目位于容器的开头
    flex-end 项目位于容器的末尾
    center 物品位于容器的中心
    space-between 项目位于线条之间的空间
    space-around 项目在行之前，之间和之后都有空格
    initial 设置这个属性为默认值。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息

  • 技术细节

    项目 描述
    默认值： flex-start
    返回值： 一个字符串，表示元素的justify-content属性
    CSS版本 CSS3

  • 相关页面

返回 style对象参考
上一节:
下一节: