元素居中

image-20210330223317358

内联元素:span、a、img、label -》一行可以书写多个，不会自动换行，不能设置盒子模型、行高、对齐方式

块元素:div、ul、li、img、h1~h5、p、布局元素 -》一行只能书写一个

空元素：hr、br、title、meta

<style>
    div{
        /*这是的文字是div中的一个元素，文字居中用text-aline:center实现*/
        text-aline:center;
        /*文字实现上下居中:必须设置宽高，符合它不知道边界*/
        height:100px;
        width:100px;
        line-height:100px;
    }
</style>
<body>
    <div>
        求你让我居中
    </div>
</body>

<style>
    div{
        /*div实现左右居中*/
        margin:0 auto;/*4个参数是上右下左(顺时针),3个参数是上 左&右 下,2个参数是上&下 左&右*/
        
    }
</style>
<body>
    <div>
        求你让我居中
    </div>
</body>
posted @ 2021-03-30 23:02  平流层  阅读(67)  评论(0)    收藏  举报