css中如何给一个浮动元素居中

html-css013

css中如何给一个浮动元素居中,第1张

二种方法 1、父级div设置固定宽度后加margin:0 auto然后子级div加浮动,即可实现;不过次方法不能无限伸展; 2、在table内插入div,div设置浮动,在table上设置margin:0 auto而table不要设置宽度,因为table默认是宽度最小化的,实现居中的效果会比较好,而且可以无限伸展 注:有些老是说table不好,除非是做表格,其他地方绝对不要用,其实我个人是比较喜欢用table布局的,不过重点布局还是div+css,在一些容易出错的或者必须的地方用table也是不错的选择,人人都说div+css布局,我呢可以说是div+table+css布局

给1设置一个宽度和高的假如是500*400;给1设置绝对定位 然后设置left和top都为50%;再设置margin-left:-250pxmargin-top:-200px就可以居中了,然后设置z-index层级为99.让2变黑的话就添加一个mask层,设置一个div的标签名为mask。设置position为fixed;并设置他的left,top,right,bottom值都为0.然后设置background-color:#000opacity:0.2z-index:98;用js设置弹出1的时候显示mask就可以了