29.水平居中设置-行内元素

我们在实际工作中常会遇到需要设置水平居中场景，今天我们就来看看怎么设置水平居中的。

如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。如下代码：

html代码：

<body>
  <div class="txtCenter">我是文本，哈哈，我想要在父容器中水平居中显示。</div>
</body>

css代码：

<style>
  div.txtCenter{
    text-align:center;
  }
</style>
posted @ 2015-03-19 11:45  小宾童鞋学吐槽  阅读(120)  评论(0)  编辑  收藏  举报