margin:0px auto和text-align:center区别

【margin:0px auto和text-align:center区别】的更多相关文章

margin:0px auto和text-align:center区别

(1)margin:0px auto :作用于块级元素,对块级元素进行居中 (2)text-align:center:作用于内联元素,必须放在要居中的内联元素所在的块级元素. 例: (1) <div> <div style="margin:0px auto;">test</div> </div>  (2) <div style="text-align:center&quo…

margin: 0px auto; center 行类块级

<html> <head> <title> biaoti </title> </head> <body style="border:1px solid red;"> <div style="width:500px;border:1px solid red;"> <span style="border: 1px solid black; height: 500px; w…

IE下div使用margin:0px auto不居中的原因

IE下div使用margin:0px auto不居中的原因一般在将div居中显示时,使用css: divX {margin:0 auto;} 此css在firefox下是好的,但是在ie下不起作用,网上看到原因如下:<div id="cnbruce">margin: 0 auto 看看内容居中否</div>如上调试结果,IE6.0是不居中的,当然解决的办法可以是对网页主体“<body>”声明文本居中,即[ Copy ] [ Run ] [ Save…

css————关于margin:0px auto的几个居中问题

前言 margin:0px auto;适用于指定了固定宽度的div与其它元素,比如p,img等,使用 margin:0px auto,居中是大家在做css div定位时的最常用方法,但是据我自己的使用过程来看,常有居中不了的情况. 与 margin:100px 混用,导致无法居中这种情况下,因为前面设了margin:0px auto; 但是后面又设了margin:100px,这明显是相矛盾的,不仅如此,如果同时使用了margin:0px auto ; 和 float:left ,也一样都不生效…

css中设置div水平居中，margin:0px auto无用的情况

在CSS中加了margin:0px auto;却没有效果,不能实现居中的问题!margin:0px auto;意思就是:上下边界为0.左右依据宽度自适应!就是水平居中的意思.无效的原因是,当你没有设置width时,解释器不知道你的宽度,当然就不会居中.就会到左边去,所以设置width就好了.…

css中设置div水平居中，margin:0px auto没用的情况

在CSS中加了margin:0px auto;却没有效果,不能实现居中的问题!margin:0px auto;意思就是:上下边界为0,左右根据宽度自适应!就是水平居中的意思.无效的原因是,当你没有设置width时,解释器不知道你的宽度,当然就不会居中,就会到左边去,所以设置width就好了. http://blog.csdn.net/liang5630/article/details/39030799…

转载：IE下div使用margin:0px auto不居中的原因

转自:http://www.blogjava.net/sealyu/archive/2010/01/08/308640.html 一般在将div居中显示时,使用css: divX {margin:0 auto;} 此css在firefox下是好的,但是在ie下不起作用,网上看到原因如下:<div id="cnbruce">margin: 0 auto 看看内容居中否</div>如上调试结果,IE6.0是不居中的,当然解决的办法可以是对网页主体“<body&…

正确的使用margin:0 auto与body{text-align:center;}实现元素居中（转）

body{text-align:center}与margin:0 auto的异同? text-align是用于设置或对象中文本的对齐方式.一般情况下我们设置文本对齐方式的时候需要用此属性进行设置我们设置某个对象水平方向居中的时候,常常将左右的外边距设置为auto来实现 text-align:center设置为文本或img标签等一些内联对象(或与之类似的元素)的居中.margin:0 auto是设置块元素(或与之类似的元素)的居中.但这两个属性IE与FF的理解也有所不同. 我们设置一个段落P,在…

margin:0 auto 与 text-align:center 的区别

基本概念: 1.text-align: 属性规定元素中的文本的水平对齐方式; 该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式; 一般情况下设置文本对齐方式的时使用此属性.支持值 justify. Example: div { text-align: left; } //文本居左对齐注释:所有浏览器都支持 text-align 属性:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit". 2.margin 是…

margin:0 auto 与 text-align:center 的区别（转载）

摘自:http://www.cnblogs.com/zhwl/p/3529473.html 基本概念: 1.text-align: 属性规定元素中的文本的水平对齐方式; 该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式; 一般情况下设置文本对齐方式的时使用此属性.支持值 justify. Example: div { text-align: left; } //文本居左对齐注释:所有浏览器都支持 text-align 属性:任何的版本的 Internet Explo…