济南哪家医院做试管可以提供卵子选性别?

██微信号███138★2605★7771██供卵试管婴儿█三代试管婴儿选性别█试管包出生██代孕男孩██代孕包出生███代孕选性别████试管婴儿代孕生男孩███供卵试管婴儿代孕██

之前你看到过flex-start。这次是让多行Flex项目靠Cross-Axis开始边缘。沿着Cross-Axis从上到下排列。因此Flex项目在Flex容器中顶部对齐。

flex-end

flex-end刚好和flex-start相反,让多行Flex项目靠着Cross-Axis结束位置。让Flex项目沿着Cross-Axis从下到上排列,即底部对齐。

center

你猜到了,center让多行Flex项目在Cross-Axis中间。在Flex容器中居中对齐。

这是Flex容器的最后一个属性。你现在知道如何使用各种Flex容器属性。你可以在工作中实践这些属性。

Flex项目属性

order || flex-grow || flex-shrink || flex-basis

在前一节中,我解释了Flex容器及其对齐属性。

确实漂亮。我想你也找到了感觉。现在我们把注意力从Flex容器转移到Flex项目及其对齐属性。

像Flex容器,对齐属性也可以用在所有的Flex项目。那我们开始吧。

order

允许Flex项目在一个Flex容器中重新排序。基本上,你可以改变Flex项目的顺序,从一个位置移动到另一个地方。

这不会影响源代码。这也意味着Flex项目的位置在HTML源代码中不需要改变。order属性的默认值是0。它可以接受一个正值,也可以接受一个负值。

值得注意的是,Flex项目会根据order值重新排序。从底到高。

要说明总得需要一个例子。考虑下面这个无序列表:

<ul>
    <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul>

默认情况下,所有Flex项目的order值都是0。把前面给列表的样式运用过来。看到的效果如下:

Flex项目显示是按HTML源代码中的顺序来显示,Flex项目1234

如果因为某些原因,在不改变HTML文档源码情况之下,想把Flex项目一从1变成最后。不能修改HTML文档源码意思是你不能把HTML代码改成:

<ul>
    <li>2</li> <li>3</li> <li>4</li> <li>1</li> </ul>

这个时候就需要order属性。这个时候你需要把Flex项目一的order值设置比其他Flex项目值更大。

如果你以前使用过z-index属性,那你就能更好的理解这个属性。

li:nth-child(1){
    order: 1; /*设置一个比0更大的值*/
}

Flex项目就重新进行了排列,从低到高排列。不要忘记了,默认情况下,Flex项目2、3、4的order值为0。现在Flex项目1的order值为1

猜你喜欢

转载自www.cnblogs.com/IVF120/p/11019809.html