UL中的"自动换行"LI

Cia*_*ran 0 html css jquery

我想将一些文本包装到我在LI中保存的下一行 - 包装需要动态完成,所以我正在寻找CSS

我希望它看起来像这样:

<ul>
    <li> normal sized </li>
    <li> big massive long one that i'd like to wrap to the next line like below </li>
    <li> the result that
            i'd like to see </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我不想要任何滚动条,我不希望它离开页面,在CSS中设置UL或LI的宽度似乎不适合我.有任何想法吗?我确信它缺少一些微不足道的东西

谢谢

编辑:我试过没有任何运气的解决方案 - 他们自己工作正常.所以我必须得出结论,问题出在我正在使用的jQuery代码中.(使用名为jqueryFileTree的插件).代码提取了一个文件名,所以可能存在一个问题就是打破​​了这个行

Kam*_*oij 10

设置ul元素的宽度应该可以解决问题.我尝试了你的基本示例,它适用于FF3,IE 5.5-8.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <title>test</title>
        <style type="text/css" media="screen">
            ul {
                width: 80px;
            }
        </style>
    </head>
    <body>
        <ul>
            <li> normal sized </li>
            <li> big massive long one that i'd like to wrap to the next line like below </li>
            <li> the result that i'd like to see </li>
        </ul>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)