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

CSS 定義に追加width: 100%します。div a {}

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;
    overflow: hidden;
}

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

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

私が正しく理解している場合は、あなたを編集してください

width:200px;

に

width:100%;

でも多分私は質問を理解していないだけです

5 に答える 5