【问题标题】:Automatic line breaks for too long words with CSS使用 CSS 自动换行太长的单词
【发布时间】:2018-01-24 08:47:05
【问题描述】:

如果一行中没有足够的空间容纳两个单词,我想在两个单词之间强制换行,如果整个单词不适合该行,我想在两个字母之间强制换行。我已经尝试了一些东西,但我只让它们在 Chrome 中工作。 Firefox 和 IE 在两个字母之间打断一个单词,尽管它们应该将一个单词换行。看看这个fiddle。我用这个 css 来强制换行。

-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;

-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;

您会看到 Chrome 可以很好地换行。 IE 和 Firefox 在两个字母之间打断了单词“looooooooooooooooooooooong”。我如何让这些东西发挥作用?

【问题讨论】:

    标签: css


    【解决方案1】:

    我在post 中找到了答案。 基本上我只需要添加这个 css 代码。

    td {
        max-width: 1px;
    }
    

    查看更新的fiddle。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-05-15
      • 1970-01-01
      • 1970-01-01
      • 2021-10-12
      • 2010-12-10
      • 1970-01-01
      • 2014-10-27
      相关资源
      最近更新 更多