【发布时间】：2016-02-05 20:06:50
【问题描述】：
我在 <li> 标记中有一些长文本，当屏幕变窄时它会超出屏幕。
我已尝试使用 width: 100%; 更正此问题，但没有任何反应。此外，文本不应该有固定的宽度，它必须是响应式的。
这是我的代码结构：
<div class="absolute-pos inline-block">
<li>
<div>
<span>
some really really loooonnnnggg teeeeeexxxxttttt hheeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeerrrreeeee
</span>
</div>
</li>
</div>
.absolute-pos {
position: absolute;
}
.inline-block {
display: inline-block;
}
jsfiddle：https://jsfiddle.net/xLm5hL3w/
【问题讨论】：
-
我知道，但它必须在那里，这只是我布局的一部分。
-
添加 CSS 规则：
word-break: break-word;