CSS布局-水平&垂直对齐


CSS布局-水平&垂直对齐


水平居中

元素居中

  • 设置width属性(不能为100%),设置margin:auto;

文本居中

  • 使用属性text-align:center;

图片居中

  • 将图片放入块元素中,同元素居中

垂直居中

  • 使用padding:100px 0;

  • 设置line-height 属性值和 height 属性值相等让元素居中

  • 使用了 positioning 和 transform 属性来设置水平和垂直居中

  • 使用弹性盒子,align-content: center; 可以让子元素居中

  • 使用弹性盒子,margin: auto;同时水平垂直都居中

左右对齐

  • 使用position:absolute;属性对齐元素

  • 使用float属性,进行左右对齐

你可能感兴趣的:(HTML)