好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

css水平居中,竖直居中技巧_html/css_WEB-ITnose

要点1:容器设置【position: absolute;】

要点2:容器设置【top: 50%;left: 50%;】

要点3:要知道容器实际的width和heigh(可以是预设的,也可以是运行时动态获取到的)

要点4:水平居中:margin-left = -1*(width/2),例如width是280px,则设置【margin-left:140px;】

要点5:竖直居中:margin-top = -1*(height/2),例如height是110px,则设置【margin-top:55px;】

例子如下:

html

    

查看更多关于css水平居中,竖直居中技巧_html/css_WEB-ITnose的详细内容...

  阅读:33次