如何避免在纯CSS中出现这种重叠？
伊万·库萨科维奇（Ivan Kusakovic）
您好，我对所有这些HTML，CSS都很陌生，制作了一些网页，但不知道这里发生了什么。我想让这项技能在第一节结束时出现在第二行。宽度为700，所有位置都居中，我不知道为什么重叠。谢谢
与技能课程有关的价值观：
.projects, .badges, .links, .skills {
width: 700px;
margin: 0 auto;
}
.projects ul, .badges ul, .links ul, .skills ul {
list-style-type: none;
}
.projects li, .badges li, .links li, .skills li {
margin-bottom: 10px;
}
.skills {
margin-bottom: 20px;
}
.skills li{
font-family:"Open Sans", sans-serif;
background-color: #444;
color: #ccc;
font-weight: bold;
display:inline;
padding: 8px;
margin-right: 10px;
}
马科斯·佩雷斯·古德
你有display:inline导致此问题的原因是行高度不正确定义，因此不重要的填充或保证金。将其转换为内联块，可使用边距，填充和您需要的所有内容
.skills li{
display:inline-block;
}
这有效
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何避免这种重叠？
- 2
如何避免在C ++中出现这种for循环混乱？
- 3
如何避免CSS重叠？
- 4
如何避免在R中出现循环？
- 5
如何避免网址中出现“ / Home”
- 6
如何避免RabbitMQ中出现重复消息？
- 7
如何避免在R中出现循环？
- 8
如何避免checkListBox中出现重复项
- 9
如何避免在RRDTool图表中出现空格？
- 10
如何避免联接查询中出现多行？
- 11
纯CSS悬停会导致文本出现颜色重叠
- 12
有没有办法避免在OS X的Terminal中出现这种严重的提示效果？
- 13
如何避免字符串中出现单引号
- 14
如何避免铁路由器中出现类似路线？
- 15
如何避免在keyup事件中出现连续的ajax请求的开销？
- 16
如何避免缩放图像中出现奇怪的结构伪像？
- 17
如何避免BuildPath中出现循环（特定项目设置）
- 18
原则迁移：如何避免在postUp步骤中出现SQL错误？
- 19
如何避免多个<li>中出现双重边框
- 20
我如何避免在班级图中出现循环关系
- 21
如何避免在Scala中出现for循环的编译器警告？
- 22
如何避免在AJAX调用中出现ERR_INSUFFICIENT_RESOURCES
- 23
如何避免PR中出现混乱的git commit
- 24
如何避免在Leaflet Tile WMS实现中出现闪烁？
- 25
如何避免引导程序中出现重复内容？
- 26
如何避免在Rust中出现重复的长泛型约束
- 27
如何避免在Bash提示符中出现波浪号〜？
- 28
如何避免在bash提示中出现这些虚假字符？
- 29
如何避免近乎同步的SQL添加中出现重复的行？
我来说两句