溢出文本左对齐

Question

当描述单元溢出时，溢出显示文本的中心。我怎样才能这样做左手边（开头）是显示的位。 如果文本没有溢出，我希望它保持中心。

我正在使用的CSS是以下

let config = {
  userName: "**",
  password: "**",
  server: "xxx.xxx.xxx.100",
  options:{
    port: 1433,
    database: "db_name",
    encrypt: true
  }
}

这是我目前所拥有的代码 https://codepen.io/anon/pen/rpWpve

Answer 1

您可以将该单元格的justify-content更改为flex-start

<div class="td" style="justify-content: flex-start;">
  <span>A really long string of numbers or characters which will overflow</span>
</div>

https://codepen.io/andrewgi/pen/Leberz

Answer 2

或者，设置<span>＆＃39; s max-width

.td > span {
  max-width:100%;
}

文本在跨度内左对齐，但跨度居中并延伸到div的两侧以外。