色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

ie9 css 平分三列

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

在IE9中，實(shí)現(xiàn)平分三列布局可以采用以下CSS樣式：

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

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

在HTML中，可以使用以下代碼來實(shí)現(xiàn)：

<div class="container">
<div class="column">第一列內(nèi)容</div>
<div class="column">第二列內(nèi)容</div>
<div class="column">第三列內(nèi)容</div>
</div>

以上HTML代碼將三個列以相等的寬度嵌套在一個容器中，實(shí)現(xiàn)了平分三列布局。

在IE9中，使用Flex布局需要注意以下幾點(diǎn)：

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