html - contenteditable 的中心内容

Question

如何将内容可编辑单元格的内容居中。

下面是我目前拥有的代码笔。 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 的信息