[英]Word-wrap: break-word does not work with a very long word combined with width: 100%
為什么它在這個小提琴https://jsfiddle.net/0h1wbju0/我的自動換行:打破單詞和寬度:100%沒有得到尊重,長單詞沒有分成多行以適應它的父級DIV? 謝謝!。
HTML:
<div class="first_div">
<fieldset class="fieldset_description"><label>Description</label>
<div data-id="description"> fdsjalllffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</div>
</fieldset>
</div>
CSS:
.first_div {
width: 200px;
}
.fieldset_description {
max-width: 100%;
word-wrap: break-word;
}
.description {
max-width: 100%;
word-wrap: break-word;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.