contenteditable의 중심 내용

Question

어떻게 contenteditable 셀의 내용을 가운데에 배치 할 수 있습니까?

아래에는 현재 내가 가지고있는 코드 종이 있습니다. https://codepen.io/anon/pen/ZvBoYd

나의 현재 CSS는 다음과 같습니다 당신의 세포에 대한

td, .td { 
    display: flex; 
    flex-flow: row nowrap; 
    flex-grow: 1; 
    flex-basis: 0; 
    padding: 0.5em; 
    word-break: break-all; 
    overflow: hidden; 
    text-overflow: ellipsis ; 
    min-width: 0px; 
    white-space: nowrap; 
    border-bottom: 1px solid #d0d0d0; 
    align: center; 
} 

Answer 1

사용 justify-content: center;.

은 세포의 정상적인 동작을 휴식으로 더 약 justify-content