当前位置:网站首页>使用grid实现左中右布局,中间内容自适应
使用grid实现左中右布局,中间内容自适应
2022-07-26 10:38:00 【songywaa】
grid很方便实现左中右布局,哪个div需要做自适应,布局时候就应该放到中间
.box{
display:grid;
grid-template-columns: 200px auto 200px;
}
.left{
}
.right{
}
.center{
}
<div class="box">
<div class="left">我是左边</div>
<div class="center">我是中间</div>
<div class="right">我是右边</div>
</div>
边栏推荐
猜你喜欢
![[leetcode daily question 2021/5/8]1723. The shortest time to complete all work](/img/e7/a48bb5b8a86cbc4cd5b37bb16661a8.png)
[leetcode daily question 2021/5/8]1723. The shortest time to complete all work
![[leetcode每日一题2021/4/29]403. 青蛙过河](/img/fb/612777c77df5a611506e72f4f4c3c8.png)
[leetcode每日一题2021/4/29]403. 青蛙过河
![[notes on machine learning] [building a cyclic neural network and its application] deeplearning ai course5 1st week programming(keras)](/img/02/f85da2a2f2524fb034b17ed8d06692.png)
[notes on machine learning] [building a cyclic neural network and its application] deeplearning ai course5 1st week programming(keras)

抽象工厂及其改进示例

Phase 4: one of College Students' vocational skills preparation in advance

RT-Thread 学习笔记(六)--- 开启基于SPI Flash的elmfat文件系统(上)

Zongzi battle - guess who can win
![[leetcode每日一题2021/5/8]1723. 完成所有工作的最短时间](/img/e7/a48bb5b8a86cbc4cd5b37bb16661a8.png)
[leetcode每日一题2021/5/8]1723. 完成所有工作的最短时间

第8期:云原生—— 大学生职场小白该如何学

第5期:大学生入职必备技能之二
随机推荐
MD5 encryption
[leetcode每日一题2021/8/30]528. 按权重随机选择【中等】
构造器、方法重载、对象数组和static
Analysis of the transaction problem of chained method call
Issue 5: the second essential skill for College Students
SAP ABAP 守护进程的实现方式
MySQL速学笔记-2021-08-31
异常的概念与处理
centos8(liunx)部署WTM(ASP.NET 5)使用pgsql
algorithm
Simple use of json-c Library -- converting JSON files to struct
.net operation redis list list
剑指Offer(五):用两个栈实现队列
[notes on machine learning] [building a cyclic neural network and its application] deeplearning ai course5 1st week programming(keras)
L2-005 set similarity (intersection of vector and set)
10 令 operator= 返回一个 reference to *this
winpcap 抓包函数pcap_loop(),停止问题
Phase 4: one of College Students' vocational skills preparation in advance
.net operation redis string string
2021-08-13和鹏哥学C语言-数组