电子商务网站建设的评估工具,c 如何做公司网站,汕头老城旅游攻略,南通网站建设找哪家好1.width: calc( 100 / n% )
2.display:flex; flex:1;width:100px;
3.display:grid;grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); 但是其中某一个内容较长的时候 会破坏1:1:1的平衡 这个时候发现附件名字过长导致不等比例#xff0c;通过查看阮一峰flex文…1.width: calc( 100 / n% )
2.display:flex; flex:1;width:100px;
3.display:grid;grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); 但是其中某一个内容较长的时候 会破坏1:1:1的平衡 这个时候发现附件名字过长导致不等比例通过查看阮一峰flex文档
Flex 布局教程语法篇 - 阮一峰的网络日志
flex:1flex-shrink:1;flex-grow:flex-basis:auto(实际查看浏览器的值为1
flex-shrink 空间不足按比例缩小 flex-grow 空间过多按比例分配 flex-basis 分配主轴空间
我们通过阅读发现可以flex:1的同时增加width:100px;(width是几都行只要保证一样宽就行
flex原理所有孩子都是固定100px 剩下的都会等比分配过多或者过少的空间。跟孩子的内容宽度无关。
grid布局同理列的宽度为 100px但是会自动适应容器的宽度并且每列的宽度平分剩余的空间