<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;
    width: 500px;">
margin: 0px auto;  要求是本元素 是块级元素 随父元素居中(按父元素的宽高来居中的 虽然父元素占一行)  父元素也要是块级元素 父元素要是行类元素 按父亲的父亲的元素 <br/>
只有 块级元素 才能设置宽高 <br/>
块级元素 占一行   设置了宽高  内容区间按宽高来算 但还是占一行  (严格来说 也不能说占一行 应该是占父元素宽的一行)<br/>
行类元素 按行来占 不能设置宽高
</span>
<div style="border: 1px solid red; width:50;height:50;margin: 0px auto;">
4545
       <div style="border: 1px solid red; width:10px;height:10px;margin: 0px auto;"></div>
</div>

<div style="border: 1px solid red; width:50;height:50;">
</div>
</div>

<center style="    border: 1px solid red;"><span style="border: 1px solid black;">4545</span></center>
<center style="    border: 1px solid red;"><div style="border: 1px solid red; width:10px;height:10px;margin: 0px auto;"></div></center>
center标签 块级标签 设置居中(块级 行类 都行)  

<div style="width:500px;height:500px;border: 1px solid red;">
<center style="border: 1px solid red;"><span  style="border: 1px solid black;">4545</span></center>
<center style="border: 1px solid red;"><div style="border: 1px solid red; width:10px;height:10px;margin: 0px auto;"></div></center>
</div>
//设置center 父标签 内容宽500px;  就按父标签 内容宽 居中   和 margin: 0px auto; 居中一样<br/>
红为 块级   黑为行类
</body>
</html>

margin: 0px auto; center 行类 块级的更多相关文章

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

    (1)margin:0px auto :作用于块级元素,对块级元素进行居中 (2)text-align:center:作用于内联元素,必须放在要居中的内联元素所在的块级元素. 例: (1) <d ...

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

    IE下div使用margin:0px auto不居中的原因 一般在将div居中显示时,使用css: divX {margin:0 auto;} 此css在firefox下是好的,但是在ie下不起作用, ...

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

    前言 margin:0px auto;适用于指定了固定宽度的div与其它元素,比如p,img等,使用 margin:0px auto,居中是大家在做css div定位时的最常用方法,但是据我自己的使用 ...

  4. 行内元素与块级元素的区别，行内块级元素在IE8-的兼容性

    行内元素与块级元素的区别 行内元素最好不要包裹块级元素,但是块级元素可以任意的包裹行内元素 行内元素如果其上一个元素也是行内元素,则他们会分布在统一水平线上,即在一行上排列,块级元素不论上一个元素是行 ...

  5. css块级标签、行内标签、行内块级标签

    <html><head lang="en"> <meta charset="UTF-8"> <title>< ...

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

    在CSS中加了margin:0px auto;却没有效果,不能实现居中的问题!margin:0px auto;意思就是:上下边界为0.左右依据宽度自适应!就是水平居中的意思.无效的原因是,当你没有设置 ...

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

    在CSS中加了margin:0px auto;却没有效果,不能实现居中的问题!margin:0px auto;意思就是:上下边界为0,左右根据宽度自适应!就是水平居中的意思.无效的原因是,当你没有设置 ...

  8. 【HTML】行内-块级-行块级

    行内元素 相邻元素可以在一行显示直到一行排不下才进行换行. 不可设置宽高,宽度随内容变化. padding和margin的设置中,水平方向(padding-left...)有效果,垂直方向无效果. 块 ...

  9. HTML 行内-块级-行块级

    行内元素 相邻元素可以在一行显示直到一行排不下才进行换行. 不可设置宽高.对齐等属性,宽度随内容变化. padding和margin的设置中,水平方向(padding-left...)有效果,垂直方向 ...

随机推荐

  1. HDU 1018 Big Number（数论，Stirling公式）

    1. 利用数学公式lg(n!)=lg(2)+lg(3)+....+lg(n) 求解 2.

  2. ACM-ICPC北京赛区(2017)网络赛2【后缀数组+Java//不会】

    #1579 : Reverse Suffix Array 时间限制:1000ms 单点时限:1000ms 内存限制:256MB 描述 There is a strong data structure ...

  3. [BZOJ 1145] 图腾totem

    Link:https://www.lydsy.com/JudgeOnline/problem.php?id=1145 Solution: 算是一道神题了吧 设 f(abcd)为:当选出的四个数相对大小 ...

  4. [BZOJ 2006] 超级钢琴

    Link: https://www.lydsy.com/JudgeOnline/problem.php?id=2006 Algorithm: 对于此类区间最值类问题,我们可以通过控制一端不变来寻找当前 ...

  5. 【分块】bzoj3196 Tyvj 1730 二逼平衡树

    分块 或 树套树. 在每个块中维护一个有序表,查询时各种二分,全都是分块的经典操作,就不详细说了. 块的大小定为sqrt(n*log2(n))比较快. #include<cstdio> # ...

  6. 【贪心】【堆】bzoj1029 [JSOI2007]建筑抢修

    按完成时限排序,一个个修复.若当前建筑花费时间+之前花费的总时间不超过时限,则ans++:否则,从之前已修复的建筑中挑一个耗时最多的,与当前建筑比较,若当前建筑更优,则更新ans. #include& ...

  7. 收藏起来，史上最全的 MySQL 高性能优化实战总结！

    转自:https://mp.weixin.qq.com/s/sRsJzFO9dPtKhovJNWN3Dg 一.前言 MySQL 对于很多 Linux 从业者而言,是一个非常棘手的问题,多数情况都是因为 ...

  8. jquery区分苹果浏览器和安卓浏览器

    var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { ...

  9. Linux下CURL设置请求超时时间

    使用CURL时,有两个超时时间:一个是连接超时时间,另一个是数据传输的最大允许时间. 连接超时时间用--connect-timeout参数来指定,数据传输的最大允许时间用-m参数来指定. 例如: cu ...

  10. Qemu 有用的链接

    Qemu下载和编译 Download https://en.wikibooks.org/wiki/QEMU/Linux https://en.wikibooks.org/wiki/QEMU/Insta ...