一列布局
来源:互联网 发布:优化再造办税服务 编辑:程序博客网 时间:2024/05/14 21:51
自动一列布局关键:margin:0 auto;一列布局适用于:简单明了,主题突出,适合放置简单的内容例如文字,大号标题。不适合放置多行文字。由于宽度过长,多行文本阅读时容易串行效果:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head ><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>一列布局</title><style type="text/css">body {margin:0;padding:0;}.top {height:100px;background-color:blue;}.main {width:800px;height:300px;background: #ccc;margin:0 auto;}.foot {width:800px;height:100px;background-color:#900;margin:0 auto;}</style></head><body><div class="top"></div><div class="main"></div><div class="foot"></div></body></html>
0 0
- 一列布局
- 一列布局
- 第二天 一列布局
- 第二天 一列布局
- CSS一列布局
- 【代码片段】一列布局
- html5+css 一列布局
- web 一列布局制作
- 一列固定一列自适应布局-flex布局实现
- CSS布局之两列布局一列固定一列自适应
- css 一列固定一列自适应布局-flex布局实现
- 一列二至多块布局
- CSS 自动居中一列布局
- 使用CSS实现一列布局
- 两列,一列有宽度,另外一列自适应(div 布局)
- css布局—一列宽度固定,一列宽度自适应
- web标准学习第二天:一列布局
- DIV+CSS教程《第二天 一列布局》
- android使用zxing二维码扫一扫功能
- CJOJ 1275【HAOI2006】旅行
- 微信公众开发 41005 media data missing的解决办法
- java基础----网络协议及网络通讯
- cmd 运行java .class文件 错误:找不到或无法加载主类
- 一列布局
- java volatile
- Java重写和重载
- Android上传图片的问题老是报错,求大神们赐教。
- 汕头市选2012初中组 数数(count) (jzoj)
- java设计模式之外观模式
- Android 获取App相关信息
- Apache Mina 源码再读5 IoSession.close() 源码剖析
- 删除链表中的元素