当前位置:网站首页>使用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每日一题2021/4/23]368. 最大整除子集
- Simple use of json-c Library -- converting JSON files to struct
- [leetcode daily question 2021/2/13]448. Find all the missing numbers in the array
- 【机器学习小记】【搭建循环神经网络及其应用】deeplearning.ai course5 1st week programming(keras)
- .net operation redis sorted set ordered set
- [machine learning notes] [style transfer] deeplearning ai course4 4th week programming(tensorflow2)
- Oracle create index
- Okaleido生态核心权益OKA,尽在聚变Mining模式
- 【机器学习小记】【风格迁移】deeplearning.ai course4 4th week programming(tensorflow2)
- 鹏哥C语言第七节课总结
猜你喜欢

【dectectron2】跟着官方demo一起做

IAR sprintf 浮点 在UCOS 总格式化成0.0的问题
![[leetcode每日一题2021/2/13]448. 找到所有数组中消失的数字](/img/9b/624416fa6a408bf64ca5438273176b.png)
[leetcode每日一题2021/2/13]448. 找到所有数组中消失的数字

Introduction to data analysis | kaggle Titanic mission (I) - > data loading and preliminary observation

.NET5WTM(ASP.NET Core) PGSql开箱操作

20210807#1 C语言程序结构

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

工厂模式详解

hx711 数据波动大的问题

【论文下饭】Deep Mining External Imperfect Data for ChestX-ray Disease Screening
随机推荐
Redis特殊数据类型使用场景
比较器(Comparable与Comparator接口)
Introduction to Phoenix (Level 1: Phoenix installation, level 2: Phoenix basic grammar)
kali 查看ip地址
[machine learning notes] [face recognition] deeplearning ai course4 4th week programming
[leetcode daily question 2021/4/23]368. Maximum divisible subset
[leetcode每日一题2021/8/31]1109. 航班预订统计【中等】差分数组
.NET5WTM(ASP.NET Core) PGSql开箱操作
2021-08-12函数递归_和鹏哥学习C语言
[leetcode每日一题2021/2/18]【详解】995. K 连续位的最小翻转次数
剑指Offer(五):用两个栈实现队列
[leetcode每日一题2021/4/29]403. 青蛙过河
C language callback function
.NET操作Redis Set无序集合
剑指Offer(十):矩形覆盖
uniapp使用简单方法signalR(仅用于web调试,无法打包app)
剑指Offer(七):斐波那契数列
The problem of large fluctuation of hx711 data
剑指Offer(五十三):表示数值的字符串
Phase 4: one of College Students' vocational skills preparation in advance