为了账号安全,请及时绑定邮箱和手机立即绑定

padding不起作用

share-group的padding不起作用,item靠上。

增大padding数值,无效;

改为padding-top,无效;

非类名写错。

正在回答

3 回答

我的margin无效不知道为啥

0 回复 有任何疑惑可以回复我~

 ul .share我也出现类似的问题,把ul与.share中间加一个空格试试 

0 回复 有任何疑惑可以回复我~
<!DOCTYPE html>
<html>
<head>
	<title>Display</title>
	<style type="text/css">
	footer {
		background: #333;
		color: #fff;
		min-height: 200px;
		text-align: center;
	}

	ul.share{
		display: block;
		width: 1080px;
		margin: 0 auto;
		padding: 50px;
	}

	.share li {
		display: inline-block;
		padding: 10px;
	}
	</style>
</head>
<body>
<footer>
	<ul class="share">
		<li>item1</li>
		<li>item2</li>
		<li>item3</li>
		<li>item4</li>
		<li>item5</li>
	</ul>

</footer>
</body>
</html>

试了一下,这样是可以的,能将你的代码都放上来吗

0 回复 有任何疑惑可以回复我~
#1

四叶草姑娘 提问者

已解决,改样式 ul .share 为 .share后成功。但想请教一下这是什么原因,按理说原来的写法也是对的。
2016-03-08 回复 有任何疑惑可以回复我~
#2

wwbNovember 回复 四叶草姑娘 提问者

用你的方法解决了,同问为什么ul.share不行
2016-09-20 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
HTML5和CSS3扁平化风格博客
  • 参与学习       86811    人
  • 解答问题       383    个

HTML5与CSS3搭建超酷扁平化风格博客

进入课程

padding不起作用

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信