【问题标题】:How to apply line break after space using CSS?如何使用 CSS 在空格后应用换行符?
【发布时间】:2020-07-27 08:39:18
【问题描述】:

我正在使用 JSON 填充一些数据,那是动态数据,所以如果单词之间有空格,我想要打破,我已经尝试了所有的 CSS,但它不起作用

我不知道出了什么问题。

这些东西我都试过了

  • .name_class { white-space: normal; }
  • white-space: pre-line;

Working code

【问题讨论】:

  • 试试.name_class { width: min-content }

标签: css word-break


【解决方案1】:

这里有一个min-content 会在空格后断字

<div id="content" style="width: min-content;">aaaaaaaa bbbbbbbb</div>

【讨论】:

  • 嘿,我对您发布的答案有一个疑问,请您清除一下
【解决方案2】:

这对你有用:

.name_class {
  word-spacing: 9999px;
}

【讨论】:

    猜你喜欢
    • 2012-04-08
    • 2014-03-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-10-24
    • 2021-12-28
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多