在ie7下css居中样式text-align:center;偏左问题解决方法

css样式text-align:center;在ie7下偏左问题,想必有很多朋友的遇到过吧,下面有个不错的方法,大家可以参考下,希望对大家有所帮助

 

 

复制代码
代码如下:

body
{
text-align:center;
}

用ie7打开是居左的。

万能 float 闭合(非常重要!)
关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup]
将以下代码加入Global CSS 中,给需要闭合的div加上 class=”clearfix” 即可,屡试不爽.

复制代码
代码如下:

.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix
{
display:inline-block;
}.clearfix {display:block;}

时间: 2024-10-31 20:33:43

在ie7下css居中样式text-align:center;偏左问题解决方法的相关文章

IE7下当position:fixed遇到text-align:center

啥也不说,先看代码: <!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> <title>IE7下当posit

jQuery操作select下拉框的text值和value值的方法_jquery

1.jquery获取当前选中select的text值 var checkText=$("#slc1").find("option:selected").text(); 2.jquery获取当前选中select的value值 var checkValue=$("#slc1").val(); 3.jquery获取当前选中select的索引值 var index=$("#slc1 ").get(0).selectedIndex; 4

php命令行(cli)下执行PHP脚本文件的相对路径的问题解决方法

  在php命令行下执行.php文件时,执行环境的工作目录(getcwd( ))是php命令程序(php.exe)所在目录,所以如果想在文件内使用相对路径时,要先切换当前的工作目录才行. 小测试程序: 代码如下: $oldpath = getcwd(); // 原始工作目录 php.exe所在目录 $path = dirname(__FILE__); chdir($path); // 切换工作目录为当前文件所在目录 $fpath = "forum/readme.txt"; $fp =

IE6下div层被select控件遮住的问题解决方法

IE6下层被select控件遮住的问题想必大家在布局过程中都有遇到过吧,其实解决方法很简单就是在层里套个iframe,具体实现如下,感兴趣的朋友可以参考下,希望对大家有所帮助   这个应该在网上有很多解决的办法,只不过很多问题解决了之后就忘了,之后遇到了再去找有时就找不到了,就当给自己做个笔记了 方法很简单在层里套个iframe <div>能看见我了吗?<iframe frameborder="0" ></iframe></div> 有一

Android编程中TextView宽度过大导致Drawable无法居中问题解决方法_Android

本文实例讲述了Android编程中TextView宽度过大导致Drawable无法居中问题解决方法.分享给大家供大家参考,具体如下: 在做项目的时候,很多时候我们都要用到文字和图片一起显示,一般设置TextView的DrawableLeft.DrawableRight.DrawableTop.DrawableBottom就行了.但是有一种情况是当TextView的熟悉是fill_parent或者使用权重的时候并且设置了起Gravity的ceter的时候,Drawable图片是无法一起居中的,为了

js-jquery mobel 1.4.5版本在ie7下样式显示不全求大神!!!

问题描述 jquery mobel 1.4.5版本在ie7下样式显示不全求大神!!! jquery mobel 1.4.5版本在ie7下样式显示不全求大神!!! 解决方案 jquery mobile是基于html5的,你在ie7下玩,怎么可能能正常呢. IE9,IE10起

测试-本地与服务器打开同一个html页面,服务器上的页面在ie7下css3样式 旋转失效

问题描述 本地与服务器打开同一个html页面,服务器上的页面在ie7下css3样式 旋转失效 本地样式测试没有问题.提交服务器**旋转样式**失效.失效只在ie7下失效. 而且如果ie的版本是11的调成7才会有这个问题.如果是低于11的调成7的就没有问题. <div id="shade" style="position: absolute; z-index: 99;top: 275px;left: 888px;width: 145px;height: 145px; tr

火狐-老问题没人理 新发一下 为什么css父样式无法正确显示?

问题描述 老问题没人理 新发一下 为什么css父样式无法正确显示? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" la

IE7下元素的 &#039;padding-top&#039; 遇到 &#039;clear&#039; 特性在某些情况下复制到 &#039;padding-bottom&#039;

项目中使用的是DIV+CSS布局,有一个页面是同事完成的,这几天他请假有事.项目发现一个UI Bug.在IE7下,某一个Div的padding-top会让整个div产生padding-bottom样式.在IE8/9.Firefox.Chrome下都是OK.   通过搜索发现是发现问题的答案: 链接地址是:http://w3help.org/zh-cn/causes/RM1010 在项目开发过程中,开发人员为了让div的高度随着内容自动增加,所以经常在div的关闭之前会添加一个类似clearfix