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;
}
相关推荐
去伪存真17 小时前
Android手机不支持文字转语音window.speechSynthesis API,怎么办?
前端
三年三月17 小时前
自建HTTPS证书
前端·javascript
木易士心17 小时前
如何优化v-if和v-for的性能?
前端·javascript
三年三月18 小时前
浏览器地址栏回车 vs 点击刷新按钮的缓存行为差异分析
前端·javascript
码农刚子18 小时前
ASP.NET Core Blazor 核心功能一:Blazor依赖注入与状态管理指南
前端·后端
胖虎26518 小时前
基于Vue3+xgplayer 移动端直播解决方案
前端
用户40993225021218 小时前
Vue 3模板如何通过编译三阶段实现从声明式语法到高效渲染的跨越
前端·ai编程·trae
小左OvO18 小时前
基于百度地图JSAPI Three的城市公交客流可视化(二)——区域客流
前端·javascript·vue.js
小左OvO18 小时前
基于百度地图JSAPI Three的城市公交客流可视化(三)——实时公交
前端·javascript·vue.js
IT_陈寒18 小时前
Vite 5新特性解析:10个提速技巧让你的开发效率翻倍 🚀
前端·人工智能·后端