css布局乱怎么办
一般的解决方案。采用定长定宽的布局。规划好页面的各部分元素大小。精确到px。然后整体居中，两侧留白。这样分辨率不一样，只会影响留白部分的大小。居中部分在各分辨率下显示效果一致。
另一种解决方案比较少用。就是采用流式布局。页面的各部分都是按照百分比去设置的。这样分辨率不一样的情况下。效果都是一致的。但是比较难以掌控。编码难度大，测试困难。因此较少采用。
另外，针对不同移动设备下，不同分辨率通常采用服务端判断设备类型，然后加载相应css去实现不同设备访问自适应
css文本布局方式有哪些
CSS文本布局方式包括浮动、定位、弹性布局和网格布局。
浮动方式是将文本框向左或向右浮动，使其他元素环绕其周围排列；定位方式是通过设置元素的绝对或相对位置来进行布局；弹性布局是在父元素内部，根据元素的比例或空间分配方式自适应调整布局；网格布局是通过将页面分成网格，将元素放置在不同的网格中进行布局。不同的文本布局方式可以灵活地实现不同的页面布局效果，提高了网页的可读性和美观性。
html里怎么让布局整体居中
首先我们需要新建一个html页面。
然后在body部分新建一个img标签，并指定一张图片。
在浏览器中查看效果，可以发现图片是默认左对齐的，并没有在正中央显示。
将图片套在一个p或者span标签中，给标签添加一个值为text-align:center的style属性即可。
html的四种局部布局
第一种实现方式：浮动布局
将左右的div宽度设为300px,分别左右浮动，中间盒子不设宽度。注意：先写右边盒子，再写中间盒子，否则先渲染中间盒子，中间盒子会占满该行剩下的宽度，右边盒子只能换行显示，就会出现下面的情况。
第二种：绝对定位（position:absolute）
设置父盒子position:relative（相对定位），三个子盒子position：absolute,左盒子left:0,右盒子right:0;中间盒子left:300px;right:300px。
第三种：flex布局
父盒子 display:flex，左右盒子设置宽度：300px，中间盒子flex:1(flex-grow:1 flex-shrink:1 flex-basis:0%)不考虑元素尺寸自由伸缩。
第三种：flex布局
父盒子 display:flex，左右盒子设置宽度：300px，中间盒子flex:1(flex-grow:1 flex-shrink:1 flex-basis:0%)不考虑元素尺寸自由伸缩。