怎么使网页中的文字在底部居中显示?

2025-10-04 00:57:00

1、创建一个div:

<div >

 </div>

怎么使网页中的文字在底部居中显示?

2、给该div命名,例如:master

<div id="master" >

 </div>

怎么使网页中的文字在底部居中显示?

3、输入要居中显示的文字,例如:©2017 HZW

<div id="master" >

©2017 HZW

 </div>

怎么使网页中的文字在底部居中显示?

4、添加style标签

<style type="text/css" >

 </style>

怎么使网页中的文字在底部居中显示?

5、在标签中添加样式:

<style type="text/css" >

 #master {

       position:absolute;

      left:50%;

      bottom:0;

      text-align :center;

        }

 </style>

怎么使网页中的文字在底部居中显示?

6、设置成功

怎么使网页中的文字在底部居中显示?

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢