如何製作外部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財產？

Answer 1

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

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

Working demo

Answer 2

對於word-wrap屬性來工作，你必須指定anchor的width財產。

jsBin Demo

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

Answer 3

那是什麼意思？ live example

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

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

Answer 4

如果我理解正確的話只需編輯您的

width:200px; 

到

width:100%; 

但也許我只是不明白的問題

Answer 5

這應該當u使用工作它就像this：

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

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