css 排版问题,求高手帮忙
有六条数据,如何排成我想要的效果,必须在同一个容器内.<ul><li>11</li>.....</ul>...
有六条数据,如何排成我想要的效果,必须在同一个容器内 .
<ul>
<li>11</li>
.....
</ul> 展开
<ul>
<li>11</li>
.....
</ul> 展开
展开全部
固定ul容器的宽和高,然后在固定li的宽和高 然后进行浮动
更多追问追答
追问
没看明白,可以说明白点吗
追答
你不就是六条数据并列吗?你固定了ul 和 li的宽和高就行了,然后进行li 浮动,会自动排列出来了。例如 ul {width:100px;} li {float:left;width:50px;}。这样子就行了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
ul{list-style: none;}
ul li:nth-child(odd){float: left;}
</style>
</head>
<body>
<ul>
<li>111</li>
<li>444</li>
<li>222</li>
<li>并弊555</li>
<li>333</li>
<li>666</li>
</ul>
<中亮/body>
</html>
如果你允许我这样处理的话。
最快回答那位卖蔽宽的答案是不可行的 即使定义的高度 内容的高度超过了 它还是会自动将高度撑开的!
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
ul{list-style: none;}
ul li:nth-child(odd){float: left;}
</style>
</head>
<body>
<ul>
<li>111</li>
<li>444</li>
<li>222</li>
<li>并弊555</li>
<li>333</li>
<li>666</li>
</ul>
<中亮/body>
</html>
如果你允许我这样处理的话。
最快回答那位卖蔽宽的答案是不可行的 即使定义的高度 内容的高度超过了 它还是会自动将高度撑开的!
追问
这个也不对啊,我的数据一条接一条,不能打乱
追答
从数据库输出 那你就不用只放在一个容器里面了 我给你参考一段代码:
id;
if($i%30==0){
echo ("");
}
?>
$row->dataname
具体要看你用什么语言。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询