css3如何让div里面的元素垂直居中?

[复制链接]

下载APP可以快速和圈友联系

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
css3若何让div里面的元素垂直居中?
温馨提示:
好向圈www.kuaixunai.com是一个专业经验分享交流平台,你可以在这里发布专业经验,也可以发布需求与服务,禁止带推广链接、联系方式、违法词等,违规将封禁账号。 下载好向圈APP可以随时随地交流经验,也可以和圈友发起聊天成为好友哦!
如果想要各大搜索引擎收录,请使用秘塔写作猫进行内容伪原创
回复

使用道具 举报

已有(2)人评论

跳转到指定楼层
Zero754 发表于 2020-7-12 20:42:57
一个比较简单的方法就是这样: 你们假设你的DIV是高度100PX,宽度是1000PX,那你这样写,你的文字就会水平垂直居中:
水平垂直居中
CSS是这样的,text-align:center意思就是说,让这个DIV里的文字水平居中,而line-height:100px;的意思是说,让DIV里面的每一行文字,占的高度为100PX(和那个DIV的高度一样),这样,文字就垂直居中了。也就是说,如果你的DIV是200PX高,那你就让line-height:200px;文字就会垂直居中了。不知道说明白没有。不行,你再HI我好了。
回复

使用道具 举报

lyww122017 发表于 2020-7-12 20:44:46
您好,你要求的是指定css3盒子布局的垂直居中1.首先是要使盒子为display:box | -webkit-box; | -moz-box;;2.设置元素的box-pack和box-align即可,这两个属性当前只有webkit和moz支持。3.box-pack控制的是水平的左和右,取值有:start(居左),center(居中),end(居右)。4.box-align的取值有:start(居上),center(居中),end(居下)。如果我们要设置垂直居中的话只需要将这两个属性的值都设置为center即可
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本圈子积分规则