e.网格布局
父元素display:grid;
grid-templatecolumns:100px auto 100px;
依次为第一个子元素宽100px 第二个自适应 第三个100px;
网格布局的优点是极为简便，直接通过父元素样式决定，缺点是兼容性不高。
| <div class="box"> <div class="left"> left </div> <div class="center"> center </div> <div class="right"> right </div> </div> <style> .box{ display: grid; grid-template-columns: 100px auto 100px; width: 100%; } </style> |
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持易采站长站。
