HTML的hr虚线，在DW中间距宽，预览时间距就窄了，这是什么问题

Question

这是预览的时候：
这是DW环境：

<div id="list">
<ul><li class="zhengwen">备受中老年青睐的整形术.....</li><hr />
<li class="zhengwen">公务员为提升自信掀起整形风..... </li><hr />
<li class="zhengwen">太吓人了，胆小勿进，微观世界的虫.....</li><hr /></ul></div>
#list{ margin-left: 70px; width:469px }
hr { border-bottom-width: 1px; border-top-style: none; border-bottom-style: dashed; border-bottom-color: #CCC; }
.zhengwen { font-family: "宋体"; font-size: 12px; color: #666; }

Answer 1

因为你的ul的样式list-style

li是不是outside

ul,li{margin:0;padding:0; list-style:inside;}加上这句样式就可以了

追问

ul{margin:0;padding:0; list-style:inside;}

li {margin:0;padding:0;  list-style-image: url(../images/icon.jpg); list-style:inside;}

都写了 还是不行 间距特别宽

追答

哦，是我看错你的问题了，，我看成了宽度，，

HR的间距，你不需要看DW的实显效果，，，要看浏览器上的效果就可以了。

还有，像这种线，，最好别用HR，，可以用一个背景做LI的背景

Answer 2

dw的视图效果和浏览器的效果并不是完全一样的，并且不同的浏览器的视觉效果也并不一定是相同的，建议编写代码的时候通过浏览器查看效果，不要依赖dw编辑软件

Answer 3

这么写的代码不够规范，UL下放LI不要放其他的东西，间距什么的直接写给LI。

Answer 4

你没有给行高呀，所以更具预览器的不同会有不同。加个height呀