Html CSS word wrap：除非将word包装在div中并在其中添加规则，否则不要包装标记

为什么CSS规则

a {
  word-wrap: break-word;
}

与

在锚定子对象的文本处进行包装可以吗

更新： 刚刚注意到（在调整窗口大小时，请参见此处的L3ST instance URL字段），我需要单词break:break all而不是单词wrap:break word，除了建议的display:inline块之外，现在使用：

a
{
  word-break: break-all !important; /* make sure containers don't override */
  display: inline-block !important;
}

---

这很好

CSS

单词包装：打断单词仅在
显示：块中工作或
显示：内联块元素，以便您只需使用：

a {
  display:inline-block;
  word-wrap: break-word;
}


a{
宽度：100px；
单词包装：打断单词；
显示：内联块；
}

我假设您的div设置了一个固定的宽度？它的一些上div父级是100%，似乎问题在于锚的“显示”样式（请参见下面的答案），但是我想知道这种设计选择是否是直观的，这种设计选择背后有什么具体的理由吗？我的想法是，换行是为块级元素而不是内联元素设计的。内联元素不可能溢出。这就是为什么wrap的存在是为了防止内容溢出块级元素。我认为在DIV上使用它可能更正确。可能是因为可以在块级元素上设置宽度。自然地，内联元素（如
a
）没有固定的宽度，将扩展以包含其内容。@Dave Cripps-确实，感谢您的评论-此问题与要设置锚定宽度的问题相关。顺便说一句，在另一个问题中有一些有趣的评论，像这样，把这样的锚放在UL列表中会违反规则（在Chrome中），并且必须将它们设置为内联的，或者我猜使用！重要的。它们还有一个指向其他注释中规范的指针
a
{
  word-break: break-all !important; /* make sure containers don't override */
  display: inline-block !important;
}

a {
  display:inline-block;
  word-wrap: break-word;
}