`

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

    博客分类:
  • css
阅读更多

今天偶然看到一个css的网站 http://www.52css.com/

感觉还不错

 

下面是 “正确的使用margin:0 auto与body{text- align:center;}实现元素居中”

的链接  http://www.52css.com/article.asp?id=505

 

方便自己以后查看

分享到:
评论
1 楼 wangking717 2010-09-21  
你那种居中在FF上不能实现。。。
一般文本居中了以后,还要对层进行左右边界自动化。

相关推荐

    XHTMl 第三章源代码

    margin:0px auto 0px auto; width:800px; text-align:left; background:url(container_bg.jpg) no-repeat bottom right; /* 底部右侧的背景图片 */ } #globallink{ width:800px; height:430px; margin:0px; ...

    div使用margin:0px auto不居中的原因分析及解决

    一般在将div居中显示时,使用css: 复制代码代码如下: divX {margin:0 auto;} 此css在firefox下是好的,但是在ie下不起作用,... body{text-align:center} #cnbruce{width:500px; background-color: #ccc; margin: 0

    CSS实例:vertical-align属性让网页层居中

    body{TEXT-ALIGN: center;}#center{MARGIN-RIGHT: auto;MARGIN-LEFT: auto;height:200px;background:#fff;width:400px;vertical-align:middle;line-height:200px;}</style></head><body><div id=...

    ie下margin不居中的三种解决方法

    正常情况下需要将div居中显示时,使用Css样式:margin:0 auto即可,但有时使用margin:0 auto后在FF、Chrome里能居中,而在IE678里不居中的现象。 如下代码: 复制代码代码如下:<style type=”text/css”>#con{...

    如何使div垂直水平居中的css代码

    主要的样式定义如下,这也是最简单的方法: body {TEXT-ALIGN: center;} #center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; } 说明: 首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中...

    ie css margin auto 不居中解决方案

    一般在将div居中显示时,使用css: divX {margin:0 auto;} 此css在firefox下是好的,但是在ie下不起作用,网上看到原因如下: <div id=cnbruce>margin: 0 auto 看看内容居中否</div> 如上调试结果,IE6.0是不居中的...

    网页制作 css让页面居中对齐

    总结一下css让页面居中对齐的方法1....这个方法把整个页面当作文本对待,把body的属性设置为{text-align:center;}这样的话页面所有内容全部居中了,还需要把页面总的外框(wrap)属性{text-align:left;}这样的话页面

    静态页练习

    text-align: center;/*文字对齐方式*/ background: #FFF;/*背景颜色*/ } a:link, a:visited { font-size: 12px;/*字体大小*/ text-decoration: none;/*文字修饰*/ } a:hover { } /*页面层容器*/ #container { ...

    CSS解决未知高度的垂直水平居中自适应问题

    body { text-align:center} #info{ margin:0 auto; width:500px; text-align:left; border:1px solid #3333FF} </style> </head> <body> ”info”>this is test.</div> </body> <!...

    web实验报告.doc

    } .landscape-left, .landscape-right { text-align: center; border: #D9D9D9 solid 3px; margin: 0px 15px; } .landscape-left { float:left; } .landscape-right { float:right; } h2,h3 { clear: both; } li a ...

    一个div在浏览器水平居中的实现方法

    一个div在浏览器水平居中的实现方法 第一种方法: ... body { text-align: center; } div { margin: 0 auto; width: 960px; }  第三种方法(不推荐) CSS Code复制内容到剪贴板 di

    css三种方法实现div在浏览器水平居中

    本文教大家如何实现一个div在浏览器水平居中,下面是三种解决方法,具体内容如下 ... body { text-align: center; } div { margin: 0 auto; width: 960px; }  第三种方法(不推

    u=3083571013,2480410743&fm=26&gp=0.jpg.png

    text-align: center; } nav a:hover { background-color: #F00; } </style> </head> <body> <li><a href="#">首页</a></li> <li><a href="#">电影 <li><a href="#">新上映</a>...

    浅谈HTML(css基础样式)

    solid 边框加粗border:5px 设置边像素display:inline-block 横着显示块状的line-height:40px 字体上下居中text-align:center 字体左右居中margin-right:20px 调整外界边框 CSS Code复制内容到剪贴板 <body ...

    css入门笔记

    取值:auto 则内容居中 2、外边距margin 6、背景颜色 1.背景色 属性:background: 取值:颜色 2.背景图片 属性:background-image:url(); 取值:url() 3.背景图像平铺 属性:background-repeat 取值:...

    CSS的各种居中——如何书写高质量代码

    水平居中 1、行内元素水平居中(文本,图片) 给父层设置 text-align:center; 可以实现行内元素水平居中。 复制代码代码如下: <!DOCTYPE HTML> <html lang=”en-US”> <head> <meta charset=”...

    CSS水平居中总结(新手必看篇)

    如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。 html代码: XML/HTML Code复制内容到剪贴板 <body>  我想要在父容器中水平居中显示。  </...

    HTML+DIV+CSS

    text-align: center; /*水平居中*/ } img{ float:left; /*左浮动*/ border: 1px #9999cc dashed;/*边框类型*/ margin: 5px; /*内间距*/ } p{ font-size: 12px; text-indent: 2em; /*首行缩进*/ line...

    css 解决浏览器兼容问题

    这里大家要知道CSS不兼容的原因是因为各浏览器给...} 上面的建站常用代码就相是格式化CSS样式,让各浏览器按照我们设置的属性值渲染网页 第二招:IE和FF下对象居中问题 IE下大家应该知道只要设置body{text-align:center

Global site tag (gtag.js) - Google Analytics