flex布局多种方法让两个盒子分布在左右两边

03-15 阅读 0评论

$flex布局多种方法让两个盒子分布在左右两边,flex布局多种方法让两个盒子分布在左右两边,词库加载错误:未能找到文件“C:\Users\Administrator\Desktop\火车头9.8破解版\Configuration\Dict_Stopwords.txt”。,方法,设置,第1张$

（图片来源网络，侵删）

一个父盒子里面包含了两个子盒子的，可以用justify-content:space-between属性

$flex布局多种方法让两个盒子分布在左右两边,flex布局多种方法让两个盒子分布在左右两边,词库加载错误:未能找到文件“C:\Users\Administrator\Desktop\火车头9.8破解版\Configuration\Dict_Stopwords.txt”。,方法,设置,第2张$

（图片来源网络，侵删）

.parent {

display:flex;

$flex布局多种方法让两个盒子分布在左右两边,flex布局多种方法让两个盒子分布在左右两边,词库加载错误:未能找到文件“C:\Users\Administrator\Desktop\火车头9.8破解版\Configuration\Dict_Stopwords.txt”。,方法,设置,第3张$

（图片来源网络，侵删）

flex-direction:row;

justify-content:space-between;

}

方法二：

先将子盒子靠右对齐

display：flex；justify-content：flex-end；

然后再单独给红色盒子设置flex：1；

原理：利用flex：1，动态填充宽度

方法三：

可以给红色盒子设置margin-right：auto；

原理：父盒子设定宽度后，设置margin-right：auto的话会自动占据剩余的全部宽度

免责声明

本网站所收集的部分公开资料来源于AI生成和互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

还没有评论，来说两句吧...