网页中块级元素行内元素css盒子里面的水平居中对齐.pptxVIP

盒子水平居中 ---快兔兵团 居中的含义 块级盒子居中 块级盒子本身居中 块级盒子里面有内容居中 行内元素居中 设置外围盒子 设置本身 块级元素居中（本身居中） 1、设置width(宽度) 2、设置 margin-left:auto;margin-right:auto; div class=box/div .box{ height: 100px;background-color: red; width:100px; margin-left: auto; margin-right: auto; } 动画演示 块级元素居中（内容居中） 内容，即里面的文字，图片（行内元素） 即块级元素里面的内容和行内元素居中 在块级元素的样式表css中设置: text-align:center; 动画演示 行内元素居中（方式一） 方式一、在其外包含的块级盒子中设置 text-align:center; 行内元素居中（方式二） 方式二、设置display:block;再设置text-align:center;