Question

我在html中制作了一个可编辑且可打印的表单，用于生成发票和条款及条件等文档。这是我的一点点生意。我以为我的一切都是正确的，但是......

HTML：

<h1>Artikel 1</h1>
Spotlight Student gaat akkoord met de levering van diensten voor de klant in de volgende vorm:<br><br>
<ul>
   <li>Gelegenheid: <span contenteditable>Evenement</span></li>
   <li>Datum: <span contenteditable>Datum van evenement</span></li>
   <li>Tijd: <span contenteditable>Tijd van aankomst</span></li>
   <li>Locatie: <span contenteditable>Adres Locatie</span></li>
   <li>Geleverde dienst: <span contenteditable>Overeengekomen dienst</span></li>                
</ul>

CSS：

li { margin-left: 25px; list-style-type: square;}

当我编写表单的这一部分，列表时，它在Google Chrome中本地打开时显示得很完美：http://i77.photobucket.com/albums/j64/kippendrecht/listoffline_zpsabe5ff34.jpg

但是，当我将其上传到我的网络服务器并在线查看该页面时，仍在谷歌浏览器中，所有标记都已消失：http://i77.photobucket.com/albums/j64/kippendrecht/listonline_zps5e3d8add.jpg

出了什么问题？

Answer 1

此问题只有两种可能原因：

未正确包含CSS文件。
您可以覆盖该样式，尝试使用更具体的选择器或取消覆盖。

最后一个更有可能，因为标题看起来也不同。

修改：此外，将list-style-type应用于ul，如果list-style-position设置为outside，请确保它有一些填充（请查看此小提琴：http://jsfiddle.net/aye2y/）。这可以通过仅在线使用的CSS重置来完成。

不显示HTML列表

1 个答案: