Skip to content

[css] 第61天 怎样把一个div居中?怎样把一个浮动元素居中?怎样把绝对定位的div居中? #255

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

第61天 怎样把一个div居中?怎样把一个浮动元素居中?怎样把绝对定位的div居中?

Activity

xn213

xn213 commented on Jun 16, 2019

@xn213

主要用到:

  1. text-alin: center;
  2. margin: 0 auto;
  3. position: relative | absolute; left: 50%;
  4. vertical-align: middle;
  5. transform: translate(-50%);
xjt31012

xjt31012 commented on Jun 21, 2019

@xjt31012

假定是水平居中
div居中:
margin:0 auto;
浮动元素居中(div居中也可以用):
margin-left: 50%; transform: translate(-50%);
绝对定位的div居中:
{ top:0; left:0; bottom:0; right:0; margin: auto; }

smile-2008

smile-2008 commented on Dec 28, 2020

@smile-2008

主要用到:

  1. text-alin: center;
  2. margin: 0 auto;
  3. position: relative | absolute; left: 50%;
  4. vertical-align: middle;
  5. transform: translate(-50%);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @smile-2008@haizhilin2013@xjt31012@xn213

        Issue actions

          [css] 第61天 怎样把一个div居中?怎样把一个浮动元素居中?怎样把绝对定位的div居中? · Issue #255 · haizlin/fe-interview