CSS怎么将所有LI的内容排成一行
每一个LI的图都自动占了一行，我想把8个LI排成一行，下面的图是代码，我是菜鸟，请高手指点详情一点，谢谢...
每一个LI的图都自动占了一行，我想把8个LI排成一行，下面的图是代码，我是菜鸟，请高手指点详情一点，谢谢
展开
7个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>景安网络</title>
<style type="text/css">
li{ display:inline;}
</style>
</head>
<body>
<li>11</li>
<li>111</li>
<li>11</li>
</body>
</html>
使用display:inline;将li转换为行内元素即可
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这是个浮动问题，可以给li加float:left;属性，不加这个属性就是li后面所有的他都占了，加上浮动属性之后，li只占自己的那一块，这样你的8个li就能排成一排了，后面去设置宽度等属性就ok了，还有问题可以追问我。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你好，给每个li加一个float:left左浮动应该就可以了，如果这时候IE6下还是这样子，再给li下面的img也加一个float:left;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
实现的代码如下：
ul {width:400px;margin:0;padding:0;list-style:none;}
ul li {float:left;width:40px;}
<ul>
<li>1</li>
<li>2</li>
...
<li>100</li>
</ul>
ul {width:400px;margin:0;padding:0;list-style:none;}
ul li {float:left;width:40px;}
<ul>
<li>1</li>
<li>2</li>
...
<li>100</li>
</ul>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在CSS中添加：li {float:left}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
