水平居中设置-行内元素

来源:互联网 发布:广联达预算软件手机版 编辑:程序博客网 时间:2024/04/29 23:58

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

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

html代码:

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

css代码:

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