如何去掉最后一个li的右边距

智障青年 2016-02-20 01:52:10

li 的css样式的右边距都是20；一行显示4个li，想请教大神一下如何去掉最后一个li的右边距。

...全文

781 10 打赏收藏转发到动态举报

写回复

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

top慢慢 2016-02-29

打赏
举报

回复 1

.class li:last-child{margin-right:0}

u011151921 2016-02-29

打赏
举报

回复

<!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>
</head>

<body>
<style type="text/css">
	div{width:1000px; border:1px solid #f00; overflow:hidden;}
	div ul{margin: 0;padding: 0; overflow:hidden; margin-right:-20px;list-style:none;}
	div ul li{width:235px; float:left; height:235px;margin-right:20px;margin-bottom:20px; background:#ddd;}
</style>
<div>
	<ul>
    	<li>1</li><li>2</li><li>3</li><li>4</li>
    	<li>5</li><li>6</li><li>7</li><li>8</li>
    	<li>9</li><li>10</li><li>11</li><li>12</li>
    </ul>
</div>
</body>
</html>

分三层，最外层设置宽度，第二层不要设置宽度，设置要向右超出多少。第三层就是列表了。

言葉i 2016-02-27

打赏
举报

回复

多个li左浮动，然后用margin间隔开吗？是这样的话用li+li{margin-left:xxpx;}这种写法

lovebaby 2016-02-26

打赏
举报

回复

可以考虑使用jquery的last设置最后一个元素的样式

Y丶Jonh 2016-02-25

打赏
举报

回复

引用 5 楼 u011189092 的回复:

在CSS中这样写li:last-child{ margin-left:(你需要的数字)px; }

可以的话别忘了给分哦亲

Y丶Jonh 2016-02-25

打赏
举报

回复

在CSS中这样写li:last-child{ margin-left:(你需要的数字)px; }

落泪的只有我 2016-02-22

打赏
举报

回复

楼上正解。。。。。。。。。

vswen5 2016-02-22

打赏
举报

回复

引用 1 楼 vswen5 的回复:

最后一个li里写 style="margin-left:20px";

那就margin-left:0px，margin-left:40px，margin-left:-20px。自己多试试啊这么简单的东西

智障青年 2016-02-21

打赏
举报

回复

好像不可以啊

vswen5 2016-02-20

打赏
举报

回复

最后一个li里写 style="margin-left:20px";

最后，我着重需要强调的是，英文能够培养一个人科学理性的思维能力，对提高程序质量有着潜移默化的推动作用。我多年在大学的教学中一直采取以英文学习专业的方式。实践告诉我，这种方式是成功的，普遍受到...

因此，在任何情况下，最后一列中出现的任何元素(可以是一个或多个然后是一个)。我想删除margin-right。除非您确切知道每行有多少个元素(通过选择器的nth-child()系列)，否则无法使用纯CSS在每行的特定元素上删除或...

在使用css经常遇到li右边距多出导致换行的问题。 <body> <div class="box clearfix"> <ul> <li><img src="img/img.jpg"></li> <l...

最近遇到的在布局的时候，最后一个margin不想要，虽然很简单，但还是想总结一下。先上公用代码： css * { padding: 0px; margin: 0px; box-sizing: border-box; } body { width: 1200px; margin: 0px ...

去除浮动列表的右边距这个效果应该是我们平时最常用的了，以前都是给最后一个套上个 class ，但这样太麻烦，IE6 又不支持高级的选择器写法，利用负边距去做，真是省时又省力：） CSS： div { _overflow:hidden...

61,112

社区成员

60,732

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章