因为工作原因，之前发表过很多Linux相关的文章。今天是周末，刚好参与了一些涉及到前端开发的项目，所以今天找到其中一个关于页面居中的要点，来和大家聊一聊。对于这个问题，对于很多前端大佬来说似乎是一件很简单的事情，现在成熟的框架实在是太多了。但是我们本着练技术的原则，所以不考虑使用框架，直接用原来的css+js来实现。1、内联元素水平居中内联元素（如text、span、图片等）的水平居中比较简单，只需在其父元素中设置text-align为居中即可：text-align:center;block-levelelements块级元素，比如div，默认宽度为100%，不关心居中对齐。但是当给定一个不同的宽度时，比如多少像素，或者是多少百分比，那么就会需要居中对齐。在这种情况下，你可以使用左右边距来设置它的水平居中对齐方式，如下：.div-class{width:50%;margin:0auto;}除了上述方法，还有一种方法可以实现居中对齐，那就是使用Absolute定位，但是我们将其放在后面，因为它不仅可以实现水平居中，还可以实现垂直居中。2.垂直居中对于单行文本居中，可以通过设置父元素的行高来实现，将其行高和元素高度设置为相同的值：.font-ct{height:40px;行高：40px；}对于多行文本，可以设置如下css（单行文本同样适用）：.font-ct{height:100px;显示：表格单元格；vertical-align:middle;}上面的css代码同样适用于行内元素。另外，对于图片的居中对齐，一般情况下可以使用上面的代码，但是由于浏览器兼容性问题，有时td中的图片无法垂直居中。这时候给img标签加上align属性，应该就可以了：
