在FF，IE6和IE7中运行的HTML中垂直和水平居中的实用解决方案
在FF，IE6和IE7中运行的HTML中垂直和水平居中的实用解决方案：
在不同的浏览器和版本中，实现垂直和水平居中的方法可能会有所不同。以下是一个在FF，IE6和IE7中运行的HTML中垂直和水平居中的实用解决方案：
<!DOCTYPE html>
<html>
<head><style>
.container {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 100px;
margin-top: -50px;
margin-left: -100px;
text-align: center;
}
</style>
</head>
<body>
<div class="container">
<p>居中文本</p>
</div>
</body>
</html>这个方法使用绝对定位和负边距来实现垂直和水平居中。top: 50%和left: 50%将容器的左上角放在页面的中心，然后使用margin-top: -50px和margin-left: -100px将容器的中心与页面的中心对齐。text-align: center用于水平居中文本。
这个方法在FF，IE6和IE7中都能正常工作，但在更新的浏览器中，您可能需要使用不同的方法来实现垂直和水平居中。
相关·内容
我知道margin:0 auto;将对一个div水平，但我也希望它垂直中心，所以我使用这个top:50%;但是当我运行这个代码时，div是垂直的，但它不是水平的中心。请有人给我一个更好的提示，如何将一个div垂直和水平的中心。
浏览 6提问于2016-05-19得票数 1
回答已采纳
1回答
Jquery选项卡在IE6的手风琴中显示为垂直列表。
我在Jquery手风琴中使用jquery选项卡。它工作并显示精细的IE7和火狐，但没有在IE6中。选项卡以垂直列表的形式出现。标签是有用的
浏览 0提问于2009-06-03得票数 2
6回答
我申请堆栈溢出作为我的最后手段。当我在链接的背景下使用图像时，我得到了这个ie6错误。似乎ie6会滚动背景。我怎么才能避免呢？在某种宽度上，它显示如下：
链接放置在右边浮动的div中。
浏览 5提问于2009-04-18得票数 5
2回答
我正在尝试复制这个结构：1)如何创建中间框，使其扩展到包含红色图像和蓝色文本所需的大小；附加要求:解决方案必须在IE7上工作良好，并且应该在IE6上工作(可能不完美，但元素至少应该是可见的)。我也许可以使用网络上描述的技术之一来做#2，但我对#1不是很确定，尽管直觉上它看起来应该是容易的。
浏览 1提问于2012-05-24得票数 1
回答已采纳
4回答
所有这些数据都是动态的，但下面是一些HTML和CSS示例： <li><img src="http://i.imgur.com/FcRwL.png" /></li>
浏览 1提问于2011-12-08得票数 0
回答已采纳
2回答
我需要创建一个具有指定功能的DHTML菜单，但是我不知道怎么做。这是我需要的：| Item 1 | Item 2 | Item 3| < | > |菜单项应该可以在单元格中的任意位置单击它们应该垂直和水平地
浏览 4提问于2008-12-09得票数 0
回答已采纳
3回答
我目前正在为一个客户做一个网站，除了IE7 (IE6和IE8测试很好)之外，它在所有的浏览器上都能正常工作。它是一个WordPress站点，主题是主题框架的子主题。这是一个无法在IE7中正确显示的页面示例：
具有讽刺意味的是，这在IE6<em
浏览 1提问于2010-01-20得票数 0
回答已采纳
我正在尝试为一个站点创建一个像div一样的小咆哮。它在火狐上运行得很好，但在IE6上就不行了(我还没有尝试过IE7，但我仍然需要支持IE6)。在火狐中:居中的文本，图片浮动到IE6中div的右边:居中的文本，图片在文本的左边。我尝试过切换img和span标签的顺序，但这会导致两者之间的
浏览 1提问于2009-04-07得票数 0
回答已采纳
3回答
我有一个div和一些文本。为了让我的内容水平和垂直居中，我使用了css。它在火狐中运行良好，但在IE6中测试以下代码时，内容不会垂直居中。<html><title>Vertical Centering<&
浏览 1提问于2010-12-07得票数 0
回答已采纳
我试图让文本停留在一个可调整大小的DIV中间。rightmenu { z-index: 999999; height: 60%;}我曾尝试创建一个类来包含文本，其中“上边距”和“下边距”都是自动的，但不起作用。
浏览 0提问于2012-05-11得票数 8
回答已采纳
2回答
IE7向左浮动和堆叠问题
、、、
关于IE7留下的浮点元素的快速问题。基本上我有一些像这样的HTML<div><a href></a></div><div><a href></a><&#x
浏览 2提问于2010-11-19得票数 7
3回答
我需要能够将所有常见分辨率的图像垂直居中。这里有很多人已经问过这个问题了，90%的人给出了这个教程的我在追逐不可能实现的梦想吗？该解决方案必须适用于FF和IE
浏览 1提问于2010-05-06得票数 0
在火狐和IE8中这不是问题，但在IE6和IE7中，我似乎无法将单选按钮上的填充/边距减少到任何合理的水平(例如0px或1px)。在所包含的图片中，您可以看到红色背景在IE6/IE7上很大(即使CSS填充和边距都设置为0px)，但在Firefox/IE8中还可以。
当然，原因是我渲染
浏览 1提问于2009-06-12得票数 1
回答已采纳
我正在创建一个登录屏幕，其中有一个登录框，无论用户的分辨率如何，我都希望它出现在屏幕的中心(水平和垂直)。
我环顾四周，只能找到水平居中内容的教程/文章，这是我想要的一半。
浏览 1提问于2013-01-14得票数 1
回答已采纳
2回答
似乎Chrome是唯一一个以我想要的方式呈现代码的浏览器。如果你注意到我的position:absolute随着边框大小的增加而改变(在FF和IE中)，但是在chrome中不受影响(这正是我想要的)。请在chrome/ie/ff中尝试查看差异
所有这些黑魔法的主要目的很简单，我需要.thumb:after始终处于.thumb<
浏览 1提问于2012-07-17得票数 1
回答已采纳
IE6总是让我大吃一惊，但这一次真的很奇怪。我在IE8和IE7中运行得很好。由于某些原因，IE6只是做得不对。如
浏览 0提问于2010-01-22得票数 1
回答已采纳
我的问题不是我是否应该使用表达式，或者是否有其他的选择；我的问题很简单：，我可以只在版本7之前在IE版本中计算css表达式，而不使用条件注释吗？。我偶尔会使用下划线攻击来对IE7隐藏规则，但无论如何，IE7似乎都会计算表达式。例如，_width:700px;被IE7忽略，但是_width:expression('700px');仍然被计算。我知道有人会告诉我只使用一个条件注释来包含规则，但是我正在寻找一种方法来做到这一点，而不把一个
浏览 9提问于2008-10-29得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
