奇怪的CSS与边距问题
奇怪的CSS与边距问题
提问于 2013-10-23 01:02:15
我有一个奇怪的问题，这部分我是造型..。有效地说，我有一个906 be宽的容器元素，然后里面的四个跨度应该并排并排，间隔均匀。正在发生的是，最后一个元素已经流到了一个新的行。我试过用最后一种和最后一种来解决这个问题，但我现在做的一切都没有用。我甚至求助于硬编码一个“最后”类，而正确的边距仍然适用于这段代码。有什么想法吗？关于正在发生的事情，请看下面的图片。
HTML
<div id="internship-carousel" class="group">
<div id="internship-carousel-container">
<span class="internship-section">
<h4>Amnesty International</h4>
<img src="img/intern_logo/amnesty.png" class="intern_logo" alt="Amnesty International">
</span>
<span class="internship-section">
<h4>State of Georgia</h4>
<img src="img/intern_logo/georgia.png" class="intern_logo" alt="Amnesty International">
</span>
<span class="internship-section">
<h4>Department of State</h4>
<img src="img/intern_logo/statedepartment.png" class="intern_logo" alt="Amnesty International">
</span>
<span class="internship-section internship-section-last">
<h4>CARE</h4>
<img src="img/intern_logo/care.png" class="intern_logo" alt="Amnesty International">
</span>
</div>
</div>CSS
#internship-carousel{margin-top:50px;}
.internship-section{
background-color:#dfdfdf;
text-align:center;
padding:0px;
width: 190px;
height:225px;
margin-right:44px;
display:block;
float:left;
}
.internship-section h4{
padding-top:15px;}
}
span.internship-section-last
{
margin:0;
}
.group:before,
.group:after {
content:"";
display:table; }
.group:after { clear:both; }
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-10-23 01:13:58
你的代码有一个错误：
.internship-section h4{
padding-top:15px;}
}在}声明之后删除padding-top，您应该是黄金级的。(演示)
顺便说一下，演示使用了:last-child选择器。
Stack Overflow用户
发布于 2013-10-23 01:06:53
尝试将其添加到css中并删除最后一个类。
.internship-section:nth-child(4){
margin-right:0px
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19530977
复制相关文章
相似问题
腾讯云开发者
