css로 절대 가운데와 어떻게 더 간결하게 가운데img

첫 번째: 신축 상자, 부류에 정의하기
            display: flex;             justify-content: center;//수평 가운데 align-items: center;//수직 가운데
주의:margin을 추가할 수 없습니다. 그렇지 않으면 무효입니다.padding (추가할 수 있습니까?)
두 번째: 상자의 길이와 넓이를 모른다: (비교적 좋다)
수직 수평 가운데: top,right,bottom,left는 모두 0,margin:auto;부모 상자에 상대적인 위치를 지정합니다.position:relative;하위 상자에 절대 위치 지정,position:absolute;
세 번째: 상자의 길이와 너비 부모 요소가 상대적으로 하위 요소를 포지셔닝하는 것을 알고 절대 포지셔닝left: 50%;top: 50%; margin-left: 마이너스 상자의 너비가 반입니다.margin-top: 마이너스 상자의 높이가 반입니다.
네 번째: css3translate 속성을 사용하고 편이량을 사용합니다
부모 상자에 상대적인 위치를 지정합니다.position:relative;하위 상자에 절대 위치 지정,position:absolute;
하위 상자:
left: 50%; top: 50%; transform: translate(-50%,-50%);
여섯 번째:
상자의 외곽선을 설정하여 외곽선을 가운데로 하고 좌우 외곽선의 값을 동일하게 합니다. (길이는 알 수 없습니다.) 수평선으로div의position은relative입니다. (상대적으로 위치를 정할 때 유효하고 절대 위치를 정할 수 없습니다.)
 
수평 가운데: div에 너비를 설정하고margin:0 auto 속성을 추가합니다

 div{
 	width:200px;
 	margin:0 auto;
  }

보다 간결하게img:
display:table-cell; text-align:center; vertical-align:middle;