两个li在一行，中间的间隔用代码怎么写？
- 你的回答被采纳后将获得：
- 系统奖励15（财富值+成长值）+难题奖励30（财富值+成长值）
1个回答
展开全部
分析：没有重新定义li样式下，两个li是不会在一行的。如果两个li在一行你自然是定义了float或者display：inline-block。
解决方案：实现间隔的方法很多
1、margin-right：10px
2、border-right：和底色一样就会在视觉上产生间隔
3、padding-right，也是要配合颜色实现。
举例如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
body{font:12px/180% Arial,Lucida,Verdana,simsun,Helvetica,sans-serif;color:#333;background:#fff;}
.wrap{ width:300px; height:100px; border:#CCC 10px solid; padding:40px; margin:30px auto}
.wrap li{ background:#000; color:#fff; float:left; margin-right:10px; padding:5px;}
</style>
<title>无标题文档</title>
</head>
<body>
<div class="wrap">
<ul>
<li>偏移量</li>
<li>模糊半径</li>
<li>色彩</li>
</ul>
</div>
</body>
</html>
解决方案：实现间隔的方法很多
1、margin-right：10px
2、border-right：和底色一样就会在视觉上产生间隔
3、padding-right，也是要配合颜色实现。
举例如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
body{font:12px/180% Arial,Lucida,Verdana,simsun,Helvetica,sans-serif;color:#333;background:#fff;}
.wrap{ width:300px; height:100px; border:#CCC 10px solid; padding:40px; margin:30px auto}
.wrap li{ background:#000; color:#fff; float:left; margin-right:10px; padding:5px;}
</style>
<title>无标题文档</title>
</head>
<body>
<div class="wrap">
<ul>
<li>偏移量</li>
<li>模糊半径</li>
<li>色彩</li>
</ul>
</div>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
