控制组件在浏览器窗口中央
知有
211
在制作页面时,时常会遇到,要设计一个点击按钮后,在浏览器中央弹出一个窗口的功能。
那我们如何使弹出的窗口在浏览器窗口的正中央,并且固定在中央呢?
首先我们需要知道position属性中有一个fixed属性值,它的作用就是生成绝对定位的元素,并且相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
只要将弹出的元素用position设置为fixed,让后用left、right等将它定位到窗口中央就可以了。
补充:如果将left、top、right、bottom都设置为0,就可以让组件占满窗口。