`
zhou695105338
  • 浏览: 20211 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

元素居中的几种方法

    博客分类：
  • css
IE浏览器XHTMLHTML
阅读更多

其他浏览器不多说用margin:0 auto;即可

如需兼容到ie6，让ie处于标准模式下margin:0 auto 也可达到居中的目的

如何让ie6处于标准模式呢<!doctype> 可以搞定，如下：

<!DOCTYPE html>
当然也有其他dtd文件可以达到这一目的，可以上网搜一下。

如需兼容到更低版本

推荐两种

#continer

{

position: absolute;
　　left: 50%;
　　width: 800px;
　　margin-left: -400px;

}

另一种用到了hack

<div style="text-align:center;">

<div style="margin:0 auto;text-align:left;width:800px;></div>

</div>

分享到：
| img align属性
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    CSS常见的让元素水平居中显示的方法

    让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。 用CSS让元素居中显示并不是件很简单的事情—同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋。让我们先来看一下CSS中常见的几种让元素水平...

    元素水平垂直居中的几种方法

    多的不说，咋们直接进入正题 纯用margin是做不到的 在这里插入代码片 ...我们可以用如下的方法实现： ** 1可以做到，但是box2需要固定大小 Document #box1{ width:300px; height: 300px; border:1

    css 垂直居中的几种实现方法

    今天重新整理一下思路，说说前端在实现页面元素垂直居中的几种思路： 一、利用 position 和负边距 利用绝对定位，让元素的顶部与居中线对齐，再让元素上移 50% 的高度。这个应该不难理解。原理可以用下图来做一个...

    CSS行内元素和块级元素的居中实例分析

    　对于块级元素有以下几种居中方式:　 　1.将元素放置在table中,再将table的margin-left和margin-right设置成auto,将table居中,使在其之中的块级元素叶居中,但是这种方式不符合语义化标签的规范;　 　2.将块级元素...

    div 垂直居中的多种方法详细介绍

    在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？... 相关教程：div水平居中的N种方法 一、单行垂直居中 如果一个容器中只有一行文字，对它实现居中相对比较简单，我们只需要

    详解html的几种水平垂直居中的方式（基础）

    所以我给大家总结式的列出几种常用的水平垂直居中的方法。 第一种方法 &lt;!--html盒子代码--&gt; &lt;!--水平垂直居中--&gt; &lt;p&gt;d第一种 &lt;!-css样式部分--&gt; .Centered1{ background-color: #800070; ...

    CSS解决页面图片水平垂直居中问题的方法

    很多网站都是使用table来实现产品图片垂直居中，实现也是相当的方便，唯一不足之处就是结构繁锁，那么今天和大家一起看几种不是使用talbe方法实现产品图片水平垂直居中的方法。 图片水平垂直居中存在的问题 所谓的...

    div+css有实例,易学易懂

    4.5.1 调用样式表的几种方法 4.5.2 应用样式的优先级 4.6 网页头部实例 第 5 章 CSS 基本布局属性 第50 页 5.1 页面的制作流程和整体分析 5.2 元素定位基础知识 5.2.1 块元素的默认排列 5.2.2 内联元素的默认排列 ...

    css3 flex实现div内容水平垂直居中的几种方法

    一、flex-direction: （元素排列方向） ※ flex-direction:row （横向从左到右排列==左对齐） ※ flex-direction:row-reverse （与row 相反）  ※ flex-direction:column （从上往下排列==顶对齐） ※ flex-...

    CSS文本和div垂直居中方法总结

    在样式布局中，我们经常碰到需要将元素居中。通过css实现元素的水平居中较为简单：对文本，只需要对其父级元素设置text-align: center;...因此我们需要通过别的方法去实现元素的垂直居中，下面我总结了几种了常用垂直居

    关于css水平居中的小小探讨

    但是不定宽度的居中比起上面两种更常用，也更复杂，我们常常需要在分页的页码展示等地方用到不定宽居中，使用起来更方便，下面来研究下常用的几种块元素的水平居中。 1.标签嵌套偏移 实现原理： 联想到固定宽度的...

    HTML对于元素水平垂直居中的探讨

    我们在设计页面的时候，经常要把DIV居中显示，而且是相对页面窗口水平和垂直方向居中显示，如让...效果图（下面几种方法效果图一样）： 第一种： CSS绝对定位 主要利用绝对定位，再用margin调整到中间位置。 父元素：

    全面总结使用CSS实现水平垂直居中效果的方法

    说起水平垂直居中大家常看到的是...接下来我们就针对这个自设问题，来一起探讨其他几种实现水平垂直居中的方案。 为了更好的阐述后面的方案，我们这里有一个命题：让未知大小容器（未知行数的文本）实现水平垂直居中。

    CSS3实现水平居中、垂直居中、水平垂直居中的实例代码

    作为一个前端小猴子，不管是面试的时候还是工作中，我们都会或多或少的遇到“使用css居中”的效果，今天就写一篇关于css垂直水平居中的几种方法。 栗子1：从最简单的水平居中开始 margin: 0 auto; 块级元素使用...

    CSS制作水平垂直居中对齐 多种方式各有千秋

    我会将这几种方法一一介绍给大家，以供大家参考。或许对于我这样的初学者有一定的帮助。 用CSS来实现元素的垂直居中效果是件苦差事，虽然说实现方法有多种，但有很多方式在某些浏览器下可能无法正常的工作。接下来...

    CSS实现水平居中的4种思路简要概述

     思路一：在父元素中设置text-align:center实现行内元素水平居中 将子元素的display设置为inline-block，使子元素变成行内元素 [注意]若要兼容IE7-浏览器，可使用display:inline;zoom:1;来达到inline-block的效果...

    CSS布局奇淫技巧之–各种居中总结

    先来说几种简单的、人畜无害的居中方法 1. 把margin设为auto 具体来说就是把要居中的元素的margin-left和margin-right都设为auto，此方法只能进行水平的居中，且对浮动元素或绝对定位元素无效。 2、使用 text-align:...

    移动端android上line-height不居中的问题的解决

    网上有好几种，如 1.把字号内外边距等设置为需求大小的2倍，使用transform进行缩放。只能针对 单个或者是一排的布局进行缩放，如果是父级自适应高度且可展示多行的，使用transform是有问题的。因为transform缩放

    css高频笔试题目精讲

    css常见单位rpx、px、em、rem、%、vh、vw的区别，垂直居中水平居中，利用css构建三角形（正三角，倒三角，左/右三角），响应式布局的方式，几种，媒体查询原理，flex布局，父相子绝，css常见单位rpx、px、em、rem、%...

Magicbox
Global site tag (gtag.js) - Google Analytics