欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

ie9 css 平分三列

榮姿康2年前6瀏覽0評論

在IE9中,實現平分三列布局可以采用以下CSS樣式:

.container{
display: flex;
justify-content: space-between;
width: 100%;
}
.column{
width: 30%;
}

以上CSS樣式使用了Flex布局,在容器中設定了三個相等的列。其中,container為容器類,column為列類,寬度設定為30%。

在HTML中,可以使用以下代碼來實現:

<div class="container">
<div class="column">第一列內容</div>
<div class="column">第二列內容</div>
<div class="column">第三列內容</div>
</div>

以上HTML代碼將三個列以相等的寬度嵌套在一個容器中,實現了平分三列布局。

在IE9中,使用Flex布局需要注意以下幾點:

  1. 必須在容器上使用display: flex;
  2. Flex布局的屬性只適用于容器的直接子元素;
  3. IE9只支持Flexbox 2009規范,不支持2012規范。