margin 0 auto DIV在IE中无法居中解决_第1页
免费预览已结束，剩余2页可下载查看

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、margin 0 auto div在ie中无法居中解决div css布局margin 0 auto div在ie中无法居中解决一、div水平布局居中介绍 - top让最外层div在ie扫瞄器中水平居中，除了对其设置margin:0 auto外，普通还要对body设置样式，但普通高版本ie扫瞄器无须设置此css样式也能使div居中，低版本ie比如ie6和对标准比较严格扫瞄器需要设置text-align:center。有时不经意对要居中的最外层设置float:left或float:right也是造成设置margin:0 auto布局不能水平居中缘由。由于设置float是让div浮动靠左或浮动靠右，

2、你要让div居中绝对需要设置margin:0 auto，这个时候就是规律错误了，即让div靠左或靠右，又居中，这个显然规律错误。所以要让最外层div水平居中于扫瞄器中，就100%不能同时用法float，必需要用法margin:0 auto样式。相关学问：margin:0 auto作用二、divcss5总结下最外层div盒子水平布局居中条件 - top1、不能用法float（无论float:left和float:right都不能用法）2、对body设置text-align:center，以便兼容低版本和高版本扫瞄器3、对最外层div设置margin:0 auto，兼容各大扫瞄器水平居中样式三、d

3、ivcss5小实例解释 - top如果最外层div的css class命名为main，为了看到居中效果，对此盒子设置css宽300px、css高100px、红色边框，让其居中。此实例是在divcss5初始化模板基础上完成，以便更好兼容各大扫瞄器，建议无论实践还是做项目，大家都可以用法divcss5提供初始化模板基础上开发制作，削减错误与增加css兼容性。1、完整实例div+css代码1）、关键css代码body text-align:center .main margin:0 auto; width:300px; height:100px; border:1px solid f002）、关键html代码 简单填写divcss实例内容 2、效果截图div css水平居中实例效果截图3、在线演示查看案例4、打包下载立刻下载（1.854kb）5、css布局居中重点解释关键对body设置text-align:center，同时对要居中div设置 margin:0 auto即可实现div水平居中，固然不能同时再设置float浮动样式。假如浮现用法margin:0 auto，也对body设置

人人文库> 全部分类> 生活休闲 > 科普知识

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论