DIV和Table的水平、垂直居中

情到浓时终转凉″ 提交于 2019-12-07 19:15:35

一般图片的居中问题容易解决,我的解决方法是通过样式设置:
 background-image:url(path) //链接图片的路径
 background-repeat:repeat;  //设置图片是否是否水平、垂直延展。可用的参数有:repeat、repeat-X、repeat-Y和no-repeat。
 background-position:bottom center;这个就是设置图片的具体位置,第一个是水平,第二就是垂直方向的。还可以使用具体的像素(为当前容器里的绝对像素)。


文字的水平居中很容易设置
在CSS中使用Text-align:就可以了
Table还可以用align:


DIV的垂直居中:首先获取当前DIV的高度h,然后设置line-height:h; vertical-align:middle.这样文字就可以垂直居中显示。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!