61,111
社区成员
发帖
与我相关
我的任务
分享问一个问题：怎么在一个div中实现两行两列
<div id="menu">
<ul>
<li>收藏本站/li>
<li>在线帮助</li>
<li>免费注册</li>
<li>会员登录</li>
</ul>
</div>
要实现原效果:
收藏本站 在线帮助
免费注册 会员登录
<ul>
<li>收藏本站/li>
<li>在线帮助</li>
<li>免费注册</li>
<li>会员登录</li>
</ul>
</div>
要实现原效果:
收藏本站 在线帮助
免费注册 会员登录
...全文
请发表友善的回复…
发表回复
阿飞呓语 2007-11-17
- 打赏
- 举报
不好意思..忘了在IE下测试了.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
ul{width:200px;list-style:none;}
li{width:50%; float:left;}
</style>
</head>
<body>
<div id= "menu ">
<ul>
<li> 收藏本站</li>
<li> 在线帮助 </li>
<li> 免费注册 </li>
<li> 会员登录 </li>
</ul>
</div>
</body>
</html>
阿飞呓语 2007-11-17
- 打赏
- 举报
不行?不可能啊
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
ul{width:200px;list-style:none;}
li{width:48%;margin:1%;float:left;}
</style>
</head>
<body>
<div id= "menu ">
<ul>
<li> 收藏本站</li>
<li> 在线帮助 </li>
<li> 免费注册 </li>
<li> 会员登录 </li>
</ul>
</div>
</body>
</html>
bincen2005 2007-11-17
- 打赏
- 举报
ls的不行啊
阿飞呓语 2007-11-17
- 打赏
- 举报
ul{width:200px;}
li{width:48%;margin:1%;float:left;}
li{width:48%;margin:1%;float:left;}
就类似说空间里面模块中模块名靠左，编辑字样出现在靠右，一般思路的话一定是认为通过分开两列，一个align=left,另一个align=right。后来我无意中发现有个东西叫,比如实现模块的效果就可以：<div class=portlet align=left>文章编辑div>;当然我们还需要一个CSS文件去控制span的样式：
复制代码代码如下: .portlet span { float:right }
这个时候就发现出现一个问题“文章”跟“编辑”不在同一行中！这下苦闷了！于是只好去搜了问题原因如下（
