无序列表： <ul> <li></li> <li></li> </ul> 有序列表： <ol> <li></li> <li></li> </ol> 自定义列表： <dl> <dt></dt> <dd></dd> </dl> 表格： <table> <tr> <td></td> </tr> </tab ...
分类：
Web程序 时间：
2020-06-13 10:46:21
阅读次数：
97
1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="utf-8" /> 6 <title></title> 7 </head> 8 <style type="text/css"> 9 ul li { 10 list-style: none; ...
分类：
其他好文 时间：
2020-06-13 10:33:33
阅读次数：
293
问题： 用了 overflow:hidden 会影响 list-style，即当ul 中的li 的overflow 为hidden的时候 。属性 list-style 是不起作用的，不显示前面的点、圈等样式。 解决办法： 在 ul 或 li 内加入样式：list-style-position: in ...
分类：
其他好文 时间：
2020-06-11 19:46:35
阅读次数：
50
现象：当在better-scroll插件内使用fixed定位时，发现fixed失效 处理办法：把需要定位的标签放在better-scroll容器内但是在content外，即与better-scroll内的content容器平级 <div class="wrapper"> <ul class="con ...
分类：
其他好文 时间：
2020-06-11 10:46:34
阅读次数：
186
将下拉菜单的ul高度设置为0，并且超出部分隐藏掉。 设置下拉菜单的高度添加过渡效果，高度为auto时过渡效果失效。 <style> ul{ list-style: none; margin: 0; padding: 0; } ul li a{ display: block; text-decorat ...
分类：
Web程序 时间：
2020-06-09 20:47:39
阅读次数：
81
在你想隐藏部分内容的显示时，可以使用折叠列表。 实例 <ul class="accordion" data-accordion> <li class="accordion-navigation"> <a href="#demo">Simple Collapsible</a> <div id="dem ...
分类：
其他好文 时间：
2020-06-09 12:51:17
阅读次数：
59
在 HTML 中，无序列表 (<ul>) 实例如下: <ul> <li>List item</li> <li>List item</li> <li>List item</li> <li>List item</li></ul> 结果: List item List item List item Lis ...
分类：
其他好文 时间：
2020-06-09 12:47:45
阅读次数：
48
如果你的网页有很多内容，就需要使用分页功能。 要创建一个基础的分页功能需要在 <ul> 元素上加上 .pagination 类: 实例 <ul class="pagination"> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li> ...
分类：
其他好文 时间：
2020-06-09 12:45:59
阅读次数：
55
选项卡导航可以很好的展示不同的内容，并可以对内容进行切换。 选项卡使用 <ul class="tabs" data-tab> 来创建, 各个选项使用 <li> 元素并加上 .tab-title 类来创建。 提示: 当前选中项可以使用 .active 类。 实例 <ul class="tabs" da ...
分类：
其他好文 时间：
2020-06-09 12:31:30
阅读次数：
71
按钮组 Foundation 可以在同一行内创建一系列的按钮。 可以使用 <ul> 元素并添加 .button-group 类来创建按钮组： 实例 <ul class="button-group"> <li><button type="button" class="button">Apple</bu ...
分类：
其他好文 时间：
2020-06-08 14:30:01
阅读次数：
82
