我想将一些文本包装到我在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)