为了账号安全,请及时绑定邮箱和手机立即绑定

为什么设置150px 3; 和设置成100px 3 的效果是一样的?

为什么设置150px 3; 和设置成100px 3 的效果是一样的?

正在回答

2 回答

试了一下,发现从列宽157px开始就变成两列了。

0 回复 有任何疑惑可以回复我~

源代码

.columns {

  width: 500px;

  padding: 5px;

  border: 1px solid green;

  margin: 20px auto; 

  columns: 150px 3;

  -webkit-columns: 100px 3;

  -moz-columns: 100px 3;

  -o-columns:100px 3;

  -ms-columns: 100px 3;  

}


源代码显示width为500px当你三个设置为150 总长度为450剩下的50会平分给三个div
如果你设置colums为100px 3的话电脑会把剩下的200平分出去。以此类推

但是如果你的设置的总长超过500px(原长度)那么界面就会有所改动


4 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么设置150px 3; 和设置成100px 3 的效果是一样的?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信