我不确定如何放置<ul>
容器中的文本,而不会溢出<li>
。我究竟做错了什么? http://jsfiddle.net/ewAtr/设计嵌入式列表
Q
设计嵌入式列表
-1
A
回答
1
看到作为prodigitalson所说,div#listed
高度应该具有包容性的li
的保证金和边缘宽度。
我宁愿使用height:auto
的股利和使用clearfix
为ul
,就像这个编辑小提琴:http://jsfiddle.net/rJkL8/
0
试着用最后一个孩子来瞄准最后一个孩子。
0
#listed {
height: 50px;
width: 330px;
}
#listed ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type:none;
}
li.item {
float: left;
margin-top:10px;
}
#listed ul li a {
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 15px;
color: blue;
text-align: center;
text-decoration: none;
padding:15px 10px;
border-left: 1px solid #ddd;
border-bottom:1px solid #ddd;
}
#listed ul li a:hover{
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 15px;
color: white;
background-color: blue;
text-align: center;
text-decoration: none;
}
1
您没有考虑边距和边框宽度。
0
的快速和肮脏的方法是溢出:隐藏在父DIV为this updated jsFiddle
相关问题
- 1. 表设计嵌入式datalist
- 2. 嵌入式列表缩进
- 3. MongoDB模式设计 - 参考VS嵌入
- 4. JasperReport Server Visualize.js - 嵌入报表设计器
- 5. angularjs材料设计嵌套列表
- 6. 嵌入式列表查询阵列
- 7. 嵌入式精确计时秒表C
- 8. 的MongoDB:计算被嵌入的列表
- 9. 嵌入列表
- 10. 如何在计划中添加到嵌入式列表?
- 11. 嵌入式队列?
- 12. PyMongo - 查询嵌入式文档列表
- 13. Youtube嵌入式iframe播放列表reversedPosition
- 14. 嵌入格式和选择列表
- 15. 在嵌入式Elixir中迭代列表
- 16. 在Mongodb中更新嵌入式列表
- 17. Morphia查询嵌入式列表
- 18. 嵌套content_tag设计表
- 19. 嵌入式表格
- 20. MongoDB:嵌入式文档的高效模式设计
- 21. 嵌入式系统的设计/实现模式
- 22. 使用XSLT设计嵌入式XML标记的样式
- 23. 依赖重置设计模式(嵌入式C)
- 24. Bespin嵌入式的设置?
- 25. 建设有嵌入式
- 26. 嵌入式设备系统
- 27. 列表框格式(设计/颜色/ 3d)
- 28. 并排设计样式列表
- 29. 网页开发设计模式列表?
- 30. 动态列表视图 - 设计模式