`
ch_kexin
  • 浏览: 897919 次
  • 性别: Icon_minigender_2
  • 来自: 青岛
社区版块
存档分类
最新评论

火狐浏览器下的网页内容居中方法

    博客分类:
  • JAVA
阅读更多
引用

火狐浏览器下的网页内容居中方法2009-11-05 14:27父容器(DIV)中 text-align:center;
然后在子容器中比如:div中:margin:auto; 或者:table中: margin:auto;
可以看出在firfox中margin属性对内容居中的重要性。IE中只要在父容器中设置text-align:center;其子内容就会自动居中。
例子:
   body{text-align:center;}
   div{margin:auto;}
   实现页面内容居中
  
   <div> <table></table> </div>
   div{text-align:center;}
   table{margin:auto;}
   就能事项table在DIV中的居中显示


body
{
margin:0px;
padding:0px;
text-align:center;
font-size:12px;
}

#Main
{

text-align:left;
width:950px;
background-color:White;
margin:auto;

分享到:
评论

相关推荐

    CSS中火狐浏览器与IE浏览器的兼容

    ### CSS中火狐浏览器与IE浏览器的兼容 在前端开发领域,确保网页在不同浏览器间的兼容性至关重要。本文旨在提供一些实用的技巧和方法来帮助开发者解决CSS在Internet Explorer(IE)与Mozilla Firefox(火狐)这两款...

    ie和火狐浏览器兼容问题

    在网页开发过程中,浏览器兼容性问题常常困扰着开发者,尤其是IE和Firefox之间的差异。以下是一些针对CSS在IE和Firefox浏览器中的兼容性问题及其解决策略: 1. **DOCTYPE影响CSS处理**:不同的DOCTYPE声明会影响...

    在网页中居中的若干种方法(至少6种,已经标明了对应浏览器,希望对你有用哦~)

    "相对居中(所有浏览器都居中).html" 提供了一个兼容所有浏览器的居中方案,"IE居中方法.html" 专注于IE浏览器的居中技巧,最后的 "在火狐浏览器中表格会居中显示.html" 显示了如何在Firefox中实现表格的居中。...

    FF(火狐浏览器)下解决按钮的水平居中

    在网页设计中,火狐浏览器(Firefox)有时会给开发者带来一些独特的问题,特别是在处理按钮(buttons)的样式时。本文将详细讨论如何在Firefox中解决按钮的水平居中问题,以及针对Firefox私有属性引发的一些常见问题...

    IE浏览器和火狐浏览器兼容问题.doc

    本文主要探讨IE浏览器(Internet Explorer)和火狐浏览器(Firefox)之间的兼容性问题,特别是CSS相关的差异。 1. **DOCTYPE对CSS处理的影响**: DOCTYPE声明会影响浏览器进入不同的渲染模式,如Quirks Mode或...

    在IE和火狐浏览器下页面兼容性问题的处理(最完整篇

    将`line-height`设置为div的高度,可以实现内容的垂直居中。但是这种方法要求内容不换行。 2. **margin加倍问题**:在Internet Explorer(特别是IE6)中,设置为浮动的div(`float`)会出现margin加倍的现象。解决...

    谷歌浏览器 div 水平对齐

    "谷歌浏览器 div 水平对齐"的问题主要涉及到跨浏览器的兼容性,尤其是 Internet Explorer (IE) 和 Mozilla Firefox 与 Google Chrome 之间的差异。下面将详细讨论如何解决这个问题,并提供两种可行的解决方案。 ...

    Firefox下input button内文字不能垂直居中的解决方法

    标题所提及的知识点集中在如何解决在Firefox浏览器中input按钮内文字无法垂直居中的问题。在探讨这个问题之前,我们首先需要了解input元素以及Firefox浏览器的相关特性。 input元素是HTML中非常常用的一个表单元素...

    CSS浏览器兼容,描述ie6 7 8和火狐浏览器上的css区别

    解决方法是为非IE浏览器提供min-width和min-height,同时为IE提供正常宽度和高度,如`html&gt;body #box {...}`。 5. **页面最小宽度**: `min-width`在IE中不受支持,可以使用JavaScript的`expression`来实现,如`...

    IE6、7、8,火狐等浏览器常见兼容性问题整理

    ` 可以实现元素的垂直居中,但需确保内容不换行。 - `margin: 0 auto;` 可以使元素在容器内水平居中,但并非所有情况都适用。 - 对于 `a` 标签,设置 `display: inline-block;` 可以应用内联样式。 - IE 浮动元素...

    让IE和火狐同时兼容

    本文将详细介绍如何使网站能够同时在IE和火狐浏览器中正常显示,主要涉及CSS样式调整、布局技巧以及一些特定于浏览器的解决方案。 #### CSS DOCTYPE影响 在不同浏览器中,文档类型声明(DOCTYPE)对于CSS的渲染...

    网页设计师DIV+CSS面试宝典

    本文总结了网页设计师DIV+CSS面试中常见的问题和解决方法,涵盖了超链接点击后 hover 样式的消失、IE6 的 margin 双倍边距 bug、火狐浏览器下文本无法撑开容器的高度、中火狐浏览器下文本无法撑开容器的高度、Web ...

    js放大缩小拖拽图片(兼容IE、火狐)

    3. **兼容性**:确保脚本可以在不同的浏览器环境下正常运行,特别是对于已经不再主流但仍然有用户使用的IE浏览器。 #### 代码解析 ##### 初始化图片位置 ```javascript window.onload = function () { divId = ...

    Google浏览器CSS居中兼容问题完美解决方法

    在居中内容时,一个常用的方法是将`margin-left`和`margin-right`属性设置为`auto`,这样可以使得元素在其容器中水平居中。而`text-align:center;`通常用于实现行内内容(如文本或行内元素)的水平居中。描述中提到...

    css兼容性(IE 和 firefox)技巧大全.doc

    解决方法是在该div中添加`display:inline`,使IE浏览器正确解析margin。 3. **浮动产生的双倍距离**:在设置`float`的元素中,IE会产生双倍距离的问题。为解决此问题,可以给元素添加`display:inline`,使其不再...

    IE与Firefox的CSS兼容大全

    在网页设计中,CSS(层叠样式表)的兼容性是一个关键问题,特别是对于历史悠久的Internet Explorer(IE)和相对现代的Firefox浏览器。由于这两者对CSS标准的解析方式不同,开发者经常面临兼容性挑战。以下是一些针对...

    高校网站(带管理系统)源码 UniversityWebsiteWithManagementSystem.rar

    网站后台推荐使用谷歌、火狐浏览器进行访问。 二、文本编辑器的使用 2.1编辑器结构 如图2-1所示,编辑器由工具栏、编辑区、状态栏组成。编辑区用于编辑文本信息,工具栏中的工具可以帮助修改文本格式或插入图片...

    IE与火狐常见的区别

    ### IE与火狐浏览器常见区别及兼容性解决方案 在网页设计和前端开发领域,了解不同浏览器之间的差异至关重要,尤其在处理Internet Explorer(IE)与Mozilla Firefox(火狐)时,由于两者对某些CSS属性和HTML标签的...

Global site tag (gtag.js) - Google Analytics