CODEWITHSUNDEEP
htmlcssflexbox
fraser dale
fraser dale

Reputation: 1377

center contents of contenteditable

How can I center the contents of the contenteditable cells.

Below I have a codepen of what I currently have. https://codepen.io/anon/pen/ZvBoYd

My current css is:

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;
}

Upvotes: 0

Views: 51

Answers (1)

falinsky
falinsky

Reputation: 7428

Use justify-content: center; for your cells.

Read more about justify-content

Upvotes: 3

Related Questions