当前位置: 首页 > news >正文

三列布局 css

实现如下图的三列布局:
在这里插入图片描述

.box {width:1400px;margin:0 auto;padding-bottom:40px;> .left {float:left;width:180px;margin-top:100px;text-align:center;}> .center {float:left;margin-top:100px;margin-left:130px;item-box {float:left;text-align:left;margin-right:90px;}}.right {float:right;margin-top:100px;}
}
注意:
// 最外层的box壳子上要加去除浮动的样式
.clearfix :after{content:'';display:block;height:0;clear:both;visibility:hidden;
}
http://www.lryc.cn/news/267503.html

相关文章:

  • Android开发之生命周期(App、Activity)
  • 利用html2Canvas将表格下载为html
  • 《Git快速入门》Git分支
  • HarmonyOS应用性能与功耗云测试
  • 【AI】人工智能本地环境集成安装
  • 主流级显卡的新选择,Sparkle(撼与科技)Intel Arc A750兽人体验分享
  • BI 商业数据分析能够给企业带来什么改变?
  • 模式识别与机器学习-特征选择和提取
  • 嵌入式——RTC闹钟Alarm
  • 【linux】线程控制
  • Swift学习笔记第三节:Set类型
  • 【前端】安装指定版本的nodejs
  • 多商户小程序开源商城源码 打造微信商城新零售网店
  • 云仓酒庄的品牌雷盛红酒LEESON分享干红是纯葡萄酿造的吗?
  • PHP函数学习总结
  • 5G RedCap:轻量5G技术的新宠
  • 【LeetCode 热题 HOT 100】题解笔记 —— Day04
  • rust中的超时处理
  • DML语言(重点)———update
  • Mybatis使用详解
  • 云原生周刊:Karmada 成为 CNCF 孵化项目 | 2023.12.25
  • 【开源】基于JAVA的学校热点新闻推送系统
  • Java基于TCP网络编程的群聊功能
  • CentOS+ISCSI
  • RHCE9学习指南 第11章 网络配置
  • Qt如何在控制台项目中使用opencv打开视频
  • Node.js 默认包管理器 npm 详解
  • vue利用深拷贝解决修改不能取消的问题
  • MATLAB - 使用 YOLO 和基于 PCA 的目标检测,对 UR5e 的半结构化智能垃圾箱拣选进行 Gazebo 仿真
  • 个性化定制的知识付费小程序,为用户提供个性化的知识服务,知识付费saas租户平台