在网站的前端建筑中，品牌网站制作公司，会碰着大巨细小良多问题，要学会去制止发生一些没必要要的问题，在页面的组织中，要注重p标签是用来放笔墨，而不是组织的，img假定必要换行，能够设置格式display: block; 这个比用块级元素包裹img也许用
来换行好一些。加上margin: 0 auto;
Img 就能够水平居中了。假定必要垂直居中，能够用position和 transform，例如：

假假想要水平垂直居中，能够以下图：

用display: flex; align-content: center; justify-content: center;也能达到想要的水平垂直居中成效，必要思考兼容性。
偶尔分，会碰着笔墨搭配其他元素的组织，不要直接把笔墨和元素写在一起，不然有或者会致使页面的组织泛起纷乱。margin对内联元素是起不了感化。:before 和 :after这两个伪元素，当单个冒号的时分是css3的伪类，两个冒号的是css3的伪元素。代码的挨次上，这个:before也比:after前。
vertical-align 是一个比较好用的css属性，是设置行内元素和表格元素的垂直对齐的，然则不克不及用于对齐块级元素的。
比来碰着一个必要做的格式，以下图：


那末就能够用^st，然后设置sub的格式为： position: relative;
vertical-align: super; 就能够获得想要的成效。vertical-align的值有sub、super、text-top、text-bottom、 middle、baseline，别离是基线基于父元素的下标基线对齐、父元素的上标基线对齐、顶部和父元素的字体的顶部对齐，底部和父元素的字体的底部对齐、与父元素的中央位置对齐、父元素的基线对齐。
末了，记实发了然一个在线能够测试挪动端兼容性的网址http://www.responsinator.com/，只需输出必要测试的网址便可。