html - 如何使外部div包含的内联块？

Question

这是示例： http: //jsbin.com/ecuCAME/1/edit ?html,css,output

HTML：

<div>
    <a href='#'>texttexttexttexttexttexttexttexttexttexttexttexttexttexttext</a>
</div>

CSS：

div {
  width: 200px;
  border: 1px dashed black;
}

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

如何包装锚并保留display: inline-block其风格的财产？

score 3 · Accepted Answer

添加width: 100%到div a {}CSS 定义。

div a {
  word-wrap: break-word;
  display:inline-block;
  width: 100%;
}

score 2 · Accepted Answer

要使该属性word-wrap起作用，您必须指定.widthanchor

div a {
  word-wrap: break-word;
  display:inline-block;
  width: 100%;
}

score 0 · Accepted Answer

当你像这样使用它时，这应该可以工作：

div {
  width: 200px;
  border: 1px dashed black;
}

div a {
  width: 100%;
  word-wrap: break-word;
  display: inline-block;
}

score 0 · Accepted Answer

你是这个意思吗？活生生的例子

div {
    width: 200px;
    border: 1px dashed black;
    overflow: hidden;
}

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

score 0 · Accepted Answer

如果我理解正确，只需编辑您的

width:200px;

至

width:100%;

但也许我只是不明白这个问题

5 回答 5