`
lveyo
  • 浏览: 915359 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

div在不同浏览器中居中显示的问题

    博客分类:
  • PHP
阅读更多
在firefox中用这样的css就可以使一个div居中显示:

<style>
div{
     margin: 0 auto;
}
</style>


但是在ie6里就不起作用了,后来发现需要在html文件头部加入下面这断代码就可以了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


分析原因可能是因为ie6默认不支持xhtml 1.0所以对于ie要显示的声明一下。
1
0
分享到:
评论

相关推荐

    CSS在不同浏览器中兼容问题

    CSS 在不同浏览器中的兼容问题 CSS 在不同浏览器中的兼容问题是 web 开发中的一大挑战。不同的浏览器对 CSS 的解析和渲染方式存在差异,从而导致相同的 CSS 代码在不同浏览器中显示效果不同。本文将总结常见的 CSS ...

    全屏css+DIV页面上中下三行布局,兼容各浏览器中间居中显示

    本文将深入探讨如何使用CSS+DIV来创建一个全屏页面上中下三行布局,并确保在各种浏览器中都能实现中间内容的居中显示。 首先,我们需要理解CSS的盒模型和定位概念。盒模型包括内容区域(content)、内边距(padding...

    Jsp中如何让图片在div中居中

    在讨论JSP页面中图片居中的问题时,首先需要掌握一些基础的CSS布局知识,包括display属性的使用、垂直居中的方法、margin属性的自动居中技巧...在调试时,可逐一排查这些常见问题,确保图片能够在div中正确居中显示。

    div内容垂直居中+通用所有浏览器

    通用所有浏览器, 谢谢详细信息详细信息详细信息

    一个div在浏览器水平居中的实现方法

    一个div在浏览器水平居中的实现方法 第一种方法: CSS Code复制内容到剪贴板 div { margin: 0 auto; width: 960px; }  第二种方法(兼容IE): CSS Code复制内容到剪贴板 body { text-align: ...

    div的内容图片垂直居中代码(兼容多浏览器).rar

    在网页设计中,让图片或其他内容在div容器中垂直居中是一个常见的需求,尤其是在多浏览器兼容性方面。这里我们将深入探讨如何实现这个功能,并结合JavaScript(JS)特效和CSS样式来达成目标。首先,让我们先了解一些...

    网页div在屏幕正中间显示

    网页div在屏幕正中间显示

    DIV+CSS DIV居中布局

    设置`margin-left`和`margin-right`为`auto`,可以使`&lt;div&gt;`在父容器中水平居中。例如: ```css .centered-div { width: 200px; /* 元素的宽度 */ margin: 0 auto; /* 自动左右外边距实现居中 */ } ``` 2. **...

    在DIV中图片垂直/水平居中(最简单方法).rar

    在网页设计中,将图片在div中垂直和水平居中是一项常见的需求,这涉及到CSS布局技术的运用。本文将深入探讨如何使用最简单的方法来实现这个目标,同时也会涉及JavaScript(JS)的一些特效,尽管在描述中没有明确指出...

    图片居中到div中显示

    本文将详细介绍如何通过CSS实现这一效果,并提供几种不同的方法来确保图片能够在不同大小的`div`容器中居中显示。 #### 基本原理 首先,我们需要理解几个关键概念: - **`div`元素**:作为容器,用来包裹图片。 - ...

    DIV+CSS 图片垂直居中效果

    在网页设计中,"DIV+CSS 图片垂直居中效果"是一个常见的布局需求,它涉及到CSS的盒模型、定位和Flexbox或Grid等现代布局技术。以下是对这一主题的详细阐述: 1. **基础概念** - **DIV**:HTML中的`&lt;div&gt;`元素是一...

    js实现div随浏览器高度变化

    js实现div随浏览器高度变化,主要是高度变化和实现滚动条,还有侧栏显示隐藏,可以作为一个地图开发界面的参考

    为什么div css网页在FF浏览器中不能水平居中呢.docx

    在网页设计中,确保网页元素在不同浏览器中保持一致的显示是非常重要的,尤其是在处理像Firefox(FF)这样的浏览器时,可能会遇到一些特定的兼容性问题。"为什么div css网页在FF浏览器中不能水平居中呢"这个问题,...

    jQuery实现的浮动层div浏览器居中显示效果

    在网页开发中,经常需要实现一些层(Div)在浏览器中居中显示的效果,这种效果在弹窗对话框或提示信息中尤为常见。要实现这样的效果,我们可以通过使用jQuery这个快速、小巧且功能丰富的JavaScript库来完成。本篇...

    div中多行文字垂直居中

    在网页设计中,让多行文字在`div`元素中垂直居中是一项常见的需求,尤其在构建响应式布局和用户界面时。实现这个效果的方法多种多样,每种方法都有其适用场景和优缺点。以下是一些主要的策略来实现`div`中多行文字的...

    垂直居中显示ie7+

    在网页设计中,"垂直居中显示"是一个常见的需求,特别是在多设备、多屏幕尺寸的环境下,确保元素在页面上无论何时都能保持居中状态,能够提供良好的用户体验。本话题主要探讨如何在IE7及以上的浏览器中实现元素的...

    DIV 上下居中 多行 省略号

    在网页设计中,让`&lt;div&gt;`元素内的多行文本实现上下居中并添加省略号功能是一项常见的需求。这通常涉及到CSS布局、文本对齐和溢出隐藏等多个技术点。接下来,我们将深入探讨如何实现这个效果。 首先,我们要解决的是...

    css三种方法实现div在浏览器水平居中

    在网页设计中,让元素在浏览器中水平居中是一项常见的需求。CSS,即层叠样式表,提供了多种方法来实现这一目标。以下是针对`div`元素的三种常见水平居中方法,每种方法都有其适用场景和优缺点。 **第一种方法:使用...

Global site tag (gtag.js) - Google Analytics