css 左右布局

1、左右布局

根据右侧内容调整左侧大小

css 复制代码
.box{
display: grid; grid-template-columns: 375px 1fr;
}
.img{
    height: 240px;
    background-image: url('你的图片链接');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
.content{
text-align: justify;
}
相关推荐
艾小码11 分钟前
还在重复造轮子?掌握这7个原则,让你的Vue组件复用性飙升!
前端·javascript·vue.js
2401_831501731 小时前
Web网页之前端三剑客汇总篇(基础版)
前端
木易 士心2 小时前
Vue 3 Props 响应式深度解析:从原理到最佳实践
前端·javascript·vue.js
海鸥两三5 小时前
uniapp 小程序引入 uview plus 框架,获得精美的UI框架
前端·vue.js·ui·小程序·uni-app
lightgis6 小时前
16openlayers加载COG(云优化Geotiff)
前端·javascript·html·html5
小飞大王6666 小时前
TypeScript核心类型系统完全指南
前端·javascript·typescript
你的人类朋友8 小时前
✍️记录自己的git分支管理实践
前端·git·后端
合作小小程序员小小店9 小时前
web网页开发,在线考勤管理系统,基于Idea,html,css,vue,java,springboot,mysql
java·前端·vue.js·后端·intellij-idea·springboot
防火墙在线9 小时前
前后端通信加解密(Web Crypto API )
前端·vue.js·网络协议·node.js·express
Jacky-0089 小时前
Node + vite + React 创建项目
前端·react.js·前端框架