1、第一种css代码如图所示。display设置成table-cell,text-align为center,垂直居中设置vertical-align为middle。
2、打开浏览器查看结果,图片已处于正中状态。
3、第二种方法css代码如图。div设置成相对定位,img设置成绝对定位,然后left:50%,top:50%,此时图片的左上角将位于div的中心。重点:图片向上移动图片高度的一半,并向左移动图片宽度的一半。正好为与div正中间。
4、在浏览器查看结果,图片水平,垂直均居中。
水平居中的设置方法如下:1、在电脑上打开一个文件,进入主编辑页面。
2、然后在编辑区域输入文字信息,然后用鼠标选中文字内容。
3、然后点击经典菜单中的“居中”快捷图标,将文字内容进行水平居中设置。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)