无序列表ul标签下怎么让li标签换行?
2018-01-08 19:03
3375 查看
在一个ul标签下,包含6个li标签,如何实现他们的换行呢?
在前后端分离的形势下,还有一些程序猿过着前端后台一起写的日子,简单的实现换行功能竟然磨了本媛一下午大好时光。ul标签是无序的,普通的自动换行标签都治不了他,我试着用以下方法解决:
1.我首先加了一个<p>进去,没反应...
2.我又加了一个<table>过去,依旧丝毫不动
3.我再扔了3个ul分别包裹两个li标签,绝望..
正当我要从入门到放弃的时候,隔壁前端转后台的大佬路过,3秒解决:
解决方法:
1.找到本段代码的css命名
2.去css页面找到他位置
3.修改他的宽度,解决啦 唉~前端好难
相关文章推荐
- HTML学习---------1.15 列表标签ul-li
- css基础 去除ul,li无序列表前面的符号
- ul 与 li 无序列表——观察与练习
- css基础 去除ul,li无序列表前面的符号
- Html之有序列表和无序列表用法_ol_li_ul_实例
- html基础 ul li 无序列表的嵌套
- display:list-item,不需要有ul,ol,li等列表标签也能排布列表格局
- 有序列表标签<ol>与无序列表标签<ul>
- php---mysql+ajax 无序列表(ul li)分页实现
- Vue.js做select下拉列表的实例(ul-li标签仿select标签)
- 怎么设在html中无序列表<li>之间的距离
- css基础 使用div块清除无序列表ul,li中的左右浮动的简单示例 clear:both
- HTML列表标签 UL/OL LI 结合CSS的运用
- css基础 使用div块清除无序列表ul,li中的左右浮动的简单示例 clear:both
- 利用ul li 标签实现table表格的效果 (li内容超出ul设定的宽度时不换行)
- html标签ul li 的列表图片
- ul列表解决最后一个li标签的margin问题
- Vue.js做select下拉列表(ul-li标签仿select标签)
- 关于ul下<li></li>内插入<span>内容</span>标签自动换行不在同一行问题
- 使用HTML5 nav标签和无序列表ul标签实现导航栏