您现在的位置是:孟垂博自媒体博客 ✈ 学习笔记
css3垂直居中两种通用写法(未知宽高)
07-31最后更新时间:2022-05-14【已收录】人已围观收藏
简介场景1:单模块的垂直居中
场景2:多模块的垂直居中
1.单模块的垂直居中写法:(不确定内部模块宽高的情况):不管宽度怎么变化,居中的样式是不变的。



2.多模块的垂直居中:(每个内部模块的宽度高度都不相同)
.juzhong{
position:absolute;
top 50%;
left 50%
transform: translate(-50%, -50%);
}



2.多模块的垂直居中:(每个内部模块的宽度高度都不相同)
.juzhong{
display:flex;
justify-content: center;
align-items: center;
}
图:


《css3垂直居中两种通用写法(未知宽高).doc》
如果这篇文章对你有所帮助,劳烦点个赞
推荐度:

很赞哦! ()
上一篇:thinkphp学习历程
相关文章
- 90天内把自己打造成某个领域的专家(转载)1970-01-01
- 我这个人优点太多1970-01-01
- 一款可以快速提取需要文字减少文件体积的编辑器1970-01-01
- 实用各行各业信息流跑量视频脚本集合1970-01-01
- 年轻人嘛!1970-01-01
- 语录上线与2019年7月4日1970-01-01
- 越早明白越好的道理1970-01-01
- 大家一般是抱着怎样的心态去判断要不要继续看某条视频的呢?1970-01-01
- PHP通过 .htaccess文件屏蔽IP1970-01-01
- 帝国cms快速更改标题插件(seo专用)1970-01-01
文章评论
点击排行
本栏推荐
标签云(最新)
站点信息
- 建站时间:2019年06月15日
- 网站程序:帝国CMS7.5
- 博客模板:可免费共享
- 文章统计:224篇文章
- 时间卷轴:时间轴
- 标签管理:标签云
- 网站地图:XML网站地图
- 微信二维码:扫描一下,你我就是有缘