css行级行内元素横向居中

来源:互联网 发布:乐高电机有哪些端口 编辑:程序博客网 时间:2024/06/07 01:51

在网页布局中,我们经常需要将一个元素进行居中处理,居中又分为横行居中和纵向居中,这一节给大家分享行级元素的横向居中

行级元素的横向居中只需要给父元素设置text-align:center;即可。

代码如下:(部分关键代码)

html关键代码

<div class="txtCenter">

    这是将一段文字横向居中!

</div>

css关键代码

<style>

   .txtCenter{text-align:center;}

</style>

下一节将介绍块级元素的横向居中。

欢迎转载,请注明出处!

1 0