总体布局积累(3列)
来源:互联网 发布:排序算法空间复杂度 编辑:程序博客网 时间:2024/05/06 08:30
关键:
1.根包含块:固定宽度width,并设置左右外边距为auto
2.3列块级元素:全部向左浮动,流式布局用%设置宽度,并根据情况设置外边距
效果:
大于根包含块固定宽度自动居中,小于根包含块布局不会缩放
<pre name="code" class="html"><!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">.left,.middle,.right{float: left;width: 30%;height:500px;margin: 1%; }.left{background: #9C8ADB;}.middle{background: #88C869;}.right{background: #C17F41;}.content{height: 700px;width:920px;background: #D87777;margin:0 auto;}</style></head><body><div class="content"><div class="left"></div><div class="middle"></div><div class="right"></div></div></body></html>
0 0
- 总体布局积累(3列)
- C++ 点滴积累(3)
- 技术积累20170415(3)
- 一切成功源于积累 豆列推荐
- c++积累(3):一个vector例子
- EXTJS4.0.7开发积累(3)
- php学习积累(工作积累、笔试积累,不断增加)
- Java面试所需技术知识积累要点详列
- C#的书籍/总体布局和规划/主体学习方法研究报告
- [仿南航app开发日记1]开篇-总体布局分析
- 【资源】c++资源积累(积累中......)
- 面试题目积累3
- 经验积累3
- NJ学习积累3
- 平时积累3
- jQuery-学习积累-3
- 积累(一)
- 积累(二)
- Android加载网页输入框无法弹出输入法
- windows下安装requests
- 音效与音乐
- Codeforces 653A Bear and Three Balls
- Android Material Design之Toolbar与Palette实践
- 总体布局积累(3列)
- 小游戏:点不到的小窗口
- Android 仿 窗帘效果 和 登录界面拖动效果 (Scroller类的应用) 附 2个DEMO及源码
- Android Studio依赖包aar使用全攻略!
- VIBE 运动目标检测
- 备忘录
- 欢迎使用CSDN-markdown编辑器
- js获取某个div的style
- Android程序员必备精品资源