页面水平居中

来源:2-14 编程练习

VermouthYan

2019-07-20 14:43:02

没太看懂任务提示的第三点是什么意思<style>标签里面如下设置不是也可以实现水平居中显示,想问下这样有什么问题吗?

<style>
    .text{position:fixed;
          top:0; right:0; bottom:0; left:0;
          margin:0 auto;
         }
</style>


写回答

1回答

好帮手慕慕子

2019-07-20

同学你好, 你这个方式是可以实现水平居中的, 很棒哦。

练习题给同学提供一个参考的思路, 意思是:先设置left属性50%;此时盒子的左侧边沿在中心位置,然后在设置负的margin-left值为自身宽度的一半, 实现整体居中显示。 例:

http://img.mukewang.com/climg/5d32be6a000142a803510157.jpg

编程是灵活的, 一种效果可以有多种实现方式哦

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~~~


0

0 学习 · 40143 问题

查看课程