内嵌盒子定位和居中问题，在缩放浏览器情况下，不会影响盒子的布局_html/css_WEB-ITnos

问题描述：第一眼我们看到上图，可能就想到用浮动来布局，但是在用浏览器调试缩放时“您好中国”盒子会自然成列。那么怎么让他们自适应，让好和中之间始终处于浏览器中间位置？

             Document          *{        margin: 0;        padding: 0;    }    .main{        height: 150px;        background: gray;        margin-top: 20px;        position: relative;    }    .same{        width: 300px;        height: 120px;        top: 15px;        left: 50%;        position: absolute;        text-align: center;        line-height: 120px;        font-size: 30px;    }    .one{        background-color: yellow;        margin-left: -600px;    }    .two{        background-color: blue;        margin-left: -300px;    }    .three{        background-color: green;    }    .four{        background-color: pink;        margin-left: 300px;    }           
         您          好          中          国

      
查看更多关于内嵌盒子定位和居中问题，在缩放浏览器情况下，不会影响盒子的布局_html/css_WEB-ITnos的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did110610