如何在绝对定位的范围内包装文本？

Question

子弹文本需要是一个长字符串，如代码所示，它不能是单独的单词。

溢出自动似乎不起作用它剪辑子弹文本。

子弹文本需要保持绝对的位置。

我想将文字包装到下面的下一行，我该怎么做？

<ul>
   <li class="list-item">
      <span class="bullet-text">test_123_test</span>
      <cite>Lorem ispusm dolor sit</cite>
   </li>
</ul>


.list-item {
  list-style: none outside none;
}

.bullet-text {
  background-color:grey;
  left:0; 
  position:absolute;
  width:2em;
}

cite {
  padding-left:10px
}

http://jsfiddle.net/Grundizer/7krMv/1/

Answer 1

您正在寻找word-wrap: break-word。

jsFiddle example

.bullet-text {
    background-color:grey;
    left:0;
    position:absolute;
    width:2em;
    word-wrap: break-word;
}

Answer 2

有点黑客，但你可以这样做：

<cite><br />Lorem ispusm dolor sit</cite>