码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-03-19 12:57:45      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:

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

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

html代码:

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

css代码:

<style>
  div.txtCenter{
    text-align:center;
  }
</style>

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

标签:

原文地址:http://www.cnblogs.com/binhuguang/p/4349961.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!