在IE与FF中如何居中的css写法

2024-10-08 15:56:20

IE方法：<body style="text-align:center;">
<body> 标记内的内容居中。
非IE方法：<div style="margin-left:auto;margin-right:auto;"></div>
<div> 标记的左右边距自动适应，以达到居中效果。
标准推荐的CSS使用方法是后者，IE的那套是非标准的。
不过在IE6中使用标准的DTD声明（xhtml版本），也能使用margin:0 auto;方法达到居中效果。

.ie { text-align:center; width:100%; } /* IE居中 */
.ie div { width:200px; border:solid 1px #999; }
.pr { margin:0 auto; width:200px; border:solid 1px #f00; } /* 标准居中 */

居中

IE居中

标准居中

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

在IE与FF中如何居中的css写法

IE方法:<body style="text-align:center;"> <body> 标记内的内容居中. 非IE方法:<div style="margin-left:auto;margin-right:auto;"></div> <div> 标记的左右边距自动适应,以达到居中效果. 标准推荐的CSS使用方法是后者,IE的那套是非标准的.不过在IE6中使用标准的DTD声明(xhtml版本),也能使用ma
JS事件在IE与FF中的区别详细解析

之道的易搜项目中的搜索分类是通过JS动态生成的,每个生成的元素都要动态的添加属性.事件.其中,添加属性可以采用赋值的方式,这对IE和FF都是适用的.比如: var element = document.createElement('select'); element.id = "myselect"; 上面的语句在IE和FF中都会有同样的效果,并且运行正常.但是我们创建的元素,大部分是要给其动态添加事件的,显然,我们不能和添加属性一样,直接在后面打个dot,然后写个事件名,然后后面跟着一
IE和FireFox(FF)中js和css的不同

在IE和FireFox(FF)中js和css的不同 css: 1. ul标签中FF中有个padding值,却没有margin值,而在IE中正好相反解决办法:将ul的padding和margin都设为0(也可以不是0)如:padding:0;margin:0;list-style:none; js: 1. IE中innerText在FF中没有,使用textContent; eg: 复制代码代码如下: var obj=document.getElementById("_td"); va
vue中配置mint-ui报css错误问题的解决方法

在vue2.0中引入了mint-ui后总是报一个css的错误但是package.json中已经配置了css-loader style-loader ,webpack.config中也已经配置了css,还是报这个错误,相反,如果把webpack.config中css的配置注释掉就不会出错,这是为什么呢? 因为在webpack.config中没有设置好css引入的目录,因为默认情况下我们只会引入/src/目录下的css, 但是mint-ui是要冲node_modules目录去引入的,所以在web
jsp中过滤器选择过滤器的写法详解

实例如下: public class LoginCheckFilter implements Filter { private FilterConfig config=null; private String webroot=null; public void destroy() { // TODO Auto-generated method stub } @Override public void doFilter(ServletRequest req, ServletResponse res
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法

今天做帮一个师姐做网页遇到一个这样的要求: 鼠标不移动进表格,表格透明度不变. 鼠标移动进表格,hover到的单元格透明度不变,没hover到的单元格透明度改变. 先贴我已经实现好的效果,一开始,表格透明度不变. 当我鼠标移动到第二排第三个单元格,其他单元格降低透明度. 解决方法一开始,我用的是CSS实现方法,是下面这样 #table td{ opacity:0.5; } #table td:hover{ opacity:1; } 不过这样一开始进去的时候表格透明度就是0.5,看起来很不好.
用JavaScript获取网页中的js、css、Flash等文件

作者:马健邮箱:stronghorse@tom.com主页:http://stronghorse.yeah.net版本:1.01初始发布日期:2005.08.29最后更新日期:2005.09.28 目录一.前言二.从E书或网页中获取文件的一般步骤三.从E书或网页中获取链接进来的css文件四.从E书或网页中获取链接进来的js文件五.从E书或网页中获取Flash文件六.从E书或网页中获取背景音乐文件七.从E书中获取图像文件八.进入frame页面九.其它问题一.前言最近我又听到有人抱怨用miniK
Java及Android中常用链式调用写法简单示例

本文实例讲述了Java及Android中常用链式调用写法.分享给大家供大家参考,具体如下: 最近发现,目前大火的许多开源框架中,大多都使用了一种"(方法).(方法).(方法)"的形式进行调用,最典型的就是RxJava.android中AlertDialog控件的源码也是这种形式的.查阅可知,大家把它叫做链式调用."行动是检验程序的唯一标准"0.0!查了.说了那么多,还是得自己写个例子并运行出预期的效果. /** * * 链式调用 * * @author k.k *
在Visual Studio Code中使用CSSComb格式化CSS文件的教程

Microsoft在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目:一个运行于 Mac OS X.Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器. 今天通过本文给大家介绍在Visual Studio Code中使用CSSComb格式化CSS文件. 最近在使用Visual Studio Code,开始逐渐上手,发现非常好用. 不管是在JS文件还是在HTML文件中,右键点击,都有"格式化文件"的
vue中template的三种写法示例

第一种(字符串模板写法): 直接写在vue构造器里,这种写法比较直观,适用于html代码不多的场景,但是如果模板里html代码太多,不便于维护,不建议这么写. <!DOCTYPE html> <html>  <head> &

在IE与FF中如何居中的css写法

相关推荐

随机推荐