在做网站时，网页的文字往往需要进入居中排版，例如水平居中和垂直居中等。下面唯小宝网络就来介绍一下常用的html 居中对齐代码写法。
HTML水平居中
HTML水平居中使用text-align属性来控制。代码写法如下：
<style>.test{text-align:center;}</style>
<p class="text">文字水平居中</p>
HTML垂直居中
HTML垂直居中的原理就是设置高度与行高相等。使用line-height属性来控制。代码写法如下：
<style>.test{height:40px;line-height:40px;}</style>
<p class="text">文字垂直居中</p>
HTML图片居中
HTML图片居中需要设置图片的左右外边距为auto；使用margin属性来控制。代码写法如下：
<style>.test img{width:200px;height:200px;display:block;margin:0 auto;}</style>
<p class="text"><img src="../logo.png" /></p>
