web页面全部居中显示

常见集中显示分为4类

(1)利用定位position,手段不可实际,因为不是每种情况都用定位

(2)css原有的代码,上下居中line-height,左右居中用text-allgin

(3)用盒模型进行padding,不建议使用

(4)表格中即为table居中

现在分享个居中情况,如下图所示

结构为ul>li>ul>li结构

需要运用到两行代码,既可以居中

display: flex;

    align-items: center;

还可以用padding值

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,826评论 1 92
  • 前端开发者丨http请求 https:www.rokub.com 前言见解有限, 如有描述不当之处, 请帮忙指出,...
    麋鹿_720a阅读 11,032评论 11 31
  • 1. 前言 前端圈有个“梗”:在面试时,问个css的position属性能刷掉一半人,其中不乏工作四五年的同学。在...
    YjWorld阅读 4,584评论 5 15
  • 待你君临天下,怕是为笼囚花。 待你了无牵挂,怕是红颜已差。 待你半生戎马,青梅为妇已嫁。 待你名满华夏,已无相安年...
    不娶行不行阅读 666评论 0 0
  • 彩虹落在了树上, 雨珠滴在了云朵上, 太阳收起了锋利的刺。 街边是你, 没有说话, 仅仅是微笑就让人沉醉。 ​​​
    戴思阅读 189评论 0 2