DIV和Table的⽔平、垂直居中⽅法
这段时间的项⽬⼯作接触了⽐较多的页⾯设计问题，现对图⽚和⽂字在DIV、Table中的⽔平、垂直居中问题做个总结。
⼀般图⽚的居中问题容易解决，我的解决⽅法是通过样式设置：
background-image:url(path) //链接图⽚的路径
background-repeat:repeat; //设置图⽚是否是否⽔平、垂直延展。可⽤的参数有：repeat、repeat-X、repeat-Y和no-repeat。
background-position:bottom center; //这个就是设置图⽚的具体位置，第⼀个是⽔平，第⼆就是垂直⽅向的。还可以使⽤具体的像素（为当前容器⾥的绝对像素）。
⽂字的⽔平居中很容易设置
css设置文字垂直居中
在CSS中使⽤Text-align：就可以了
Table还可以⽤align:
DIV的垂直居中：⾸先获取当前DIV的⾼度h，然后设置line-height:h;vertical-align:middle.这样⽂字就可以垂直居中显⽰。
Table好象对上述设置不⽀持，所以直接在Table标记⾥添加⼀属性：valign：middle。同时还要设置padding-top⼀值，我见⽹上有说设置padding-top :2px就可以了，我在项⽬中也是这个像素。但我不知道这个像素值是否跟当前的tr⾼度有关。
⽂章来⾃⽹络，个⼈整理，如有侵权，请原谅！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。