css div内容为数字时如何设置自动高度?[duplicate]

ewm0tg9j  于 2023-02-06  发布在  其他
关注(0)|答案(1)|浏览(129)
    • 此问题在此处已有答案**:

Break long word with CSS(6个答案)
11小时前关门了。
我试过自动高度,弹性 Package :但没用。

    • 如果div的内容是文本,它将根据内容更改其高度,但如果内容只是数字,它将不起作用,它将写在一行中,"剪切"给定长度。**

下面是代码

<div id="canvas">155555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555</div>
#canvas{
    width: 500px;
    /* min-height: 24px; */
    height: auto;
    overflow: hidden;
    margin: 20px auto 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    background-color: grey;
    border: 3px solid rgb(90, 90, 90);
    color: white;
}```

[](https://i.stack.imgur.com/w3Iib.png)
gwbalxhn

gwbalxhn1#

您可以使用断字符:断字属性来断开数字字符串。

#canvas{
  width: 500px;
  /* min-height: 24px; */
  height: auto;
  overflow: hidden;
  margin: 20px auto 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  background-color: grey;
  border: 3px solid rgb(90, 90, 90);
  color: white;
  word-break: break-word;
}
<div id="canvas">155555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555</div>

相关问题