技术栈

css 左右布局

筱歌儿2025-05-16 15:43

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;
}
上一篇:spark基本介绍
下一篇:【专栏启动】开篇:为什么是 Django + Vue3?测试平台的技术选型与架构蓝图
相关推荐
山有木兮木有枝_
16 分钟前
JavaScript 设计模式--单例模式
前端·javascript·代码规范
一大树
30 分钟前
Vue3 开发必备:20 个实用技巧
前端·vue.js
颜渊呐
35 分钟前
uniapp中APPwebview与网页的双向通信
前端·uni-app
10年前端老司机
1 小时前
React 受控组件和非受控组件区别和使用场景
前端·javascript·react.js
夏晚星
1 小时前
vue实现微信聊天emoji表情
前端·javascript
停止重构
1 小时前
【方案】前端UI布局的绝技,响应式布局,多端适配
前端·网页布局·响应式布局·grid布局·网页适配多端
極光未晚
1 小时前
TypeScript在前端项目中的那些事儿:不止于类型的守护者
前端·javascript·typescript
ze_juejin
1 小时前
Vue3 + Vite + Ant Design Vue + Axios + Pinia 脚手架搭建
前端·vue.js
lichenyang453
1 小时前
React项目(移动app)
前端
用户6184824021951
1 小时前
Vue-library-start,一个基于Vite的vue组件库开发模板
前端
热门推荐
01Java学习第十五部分——MyBatis02集群聊天服务器---MySQL数据库的建立03Coze扣子平台完整体验和实践(附国内和国际版对比)04基于odoo17的设计模式详解---装饰模式05使用Ruby接入实时行情API教程06扣子(coze)实战|我用扣子搭建了一个自动分析小红薯笔记内容的AI应用|详细步骤拆解07【无标题】08Everything文件检索工具 几秒检索几百G的文件09DeepSeek各版本说明与优缺点分析10基于odoo17的设计模式详解---单例模式