html5里面<li></li>造成错位问题

Question

两个li必须紧挨，分开就会出现模板错位，手机浏览是上面红框会出现两列显示，下面</li><li>紧挨的话就是三列显示。求高手解答
还有，我用的是织梦源码
<div class="index-list-list">
<ul class="container lazy-load">
{dede:arclist row=6 titlelen=32 noflag='h' typeid='15,16'}<li><div class="libox"><a href="[field:arcurl /]"><img data-original="[field:litpic/]" alt="[field:title/]" src="./style/img/touming.png" /><span>[field:title/]</span></a></div></li>{/dede:arclist}</ul>
</div>
能解决这个循环使</li><li>紧挨一样送分

Answer 1

dw左边一竖最后一个图标是油漆桶图标。点击一下，选择第一个“应用源格式”。代码即可自行整理。

另外还有一点，行内元素是在dw源代码中不换行的（html文件显示也是，此处不是说html特性），所以偶尔会造成楼主这种情况。如果想要改变这个显示方式，可以这样设置dw：

编辑---》首选项  接下来如下图，选择每个代码在编辑完成的时候，利用“应用源格式”时，是否是换行的格式。