HTML文档无法在OSX的浏览器上正确显示

约翰·杜

我有一个HTML作业,我必须在该作业中重现此页面...

https://gyazo.com/b9f77a413c0c0e55aaa294ed5b3c346a

但是,当我在Mac上运行它时,会产生此结果。

https://gyazo.com/06ecff49a788d4f18bc451a5195571c3

这是我的代码(经过编码可以正确显示教授想要的内容-由教授确认):

<!DOCTYPE html/>
<html>
    <head>
        <title>Question One</title>
        <h1>Exercise on HTML5 Lists</h1>
    </head>
    <body>
        <dl>
            <dt>term 1 (definition list)</dt>
            <dd>
                term 1 description
                <ol>
                    <li>ol list item 1</li>
                    <li>ol list item 2</li>
                    <ul>
                        <li>ul list item 1</li>
                        <li>ul list item 2</li>
                    </ul>
                </ol>   
            </dd>   
        </dl>
        <dl>
            <dt>term 2 (definition list)</dt>
            <dd>
                term 2 description
                <ul>
                    <li>ul list item 3</li>
                    <li>ul list item 4</li>
                        <ol>
                            <li>ol list item 3</li>
                            <li>ol list item 4</li>
                        </ol>
                    <li>ul list item 5</li>
                    <li>ul list item 6</li>
                </ul>
            </dd>
        </dl>
    </body> 
</html>

这可以在使用linux和firefox的PC上完美运行,但是当我尝试在Macbook pro的Chrome或Safari上打开它时,它们之间会插入空白行。使用macbook pro和chrome,我还在线使用了HTML编辑器,该编辑器产生了相同的错误结果。我在Mac上尝试使用Firefox,但发生了同样的事情!我什至向我的教授展示了这一点,甚至他都不知道为什么会这样。帮助非常感谢!

提图斯

只需要一点CSS:

ol, ul, dl {
  margin-top: 0;
  margin-bottom: 0;
}

小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

HTML:无法在浏览器上显示吗?

来自分类Dev

HTML:无法在浏览器上显示吗?

来自分类Dev

浏览器无法正确显示字体

来自分类Dev

浏览器刷新后,交互式rmarkdown文档无法正确显示

来自分类Dev

HTML / CSS Progess Bar在浏览器上显示,但在尝试打印文档时不显示

来自分类Dev

仅在 Android 浏览器上无法正确显示背景图像

来自分类Dev

非Webkit浏览器无法正确显示特殊字符

来自分类Dev

PDFObject在浏览器中无法正确显示

来自分类Dev

htmlspecialchars无法在浏览器中正确显示

来自分类Dev

PDF文件无法在浏览器中正确显示

来自分类Dev

日期时间模型无法显示在谷歌浏览器上

来自分类Dev

Java:无法在浏览器上显示 ADF 控件值

来自分类Dev

背景图片在桌面浏览器上正确显示,在移动浏览器上未显示

来自分类Dev

Service Worker html 响应未显示在浏览器上

来自分类Dev

在浏览器中无法正确显示/显示Devanagari字体:Chrome,Firefox等

来自分类Dev

在浏览器中无法正确显示/显示Devanagari字体:Chrome,Firefox等

来自分类Dev

flexbox跨浏览器问题chrome正确显示Firefox无法显示

来自分类Dev

浏览器无法显示文字

来自分类Dev

在某些浏览器上显示行

来自分类Dev

在浏览器上显示PDF

来自分类Dev

PHP在浏览器上显示图像

来自分类Dev

在某些浏览器上显示行

来自分类Dev

div元素上的背景图片在Dolphin浏览器上无法正确缩放

来自分类Dev

显示HTML而不是浏览器警报

来自分类Dev

浏览器地址将无法在ui-route中正确显示

来自分类Dev

Google Chrome浏览器永远无法正确显示字体/不进行平滑处理等

来自分类Dev

从任务栏最大化时,Chrome浏览器无法正确显示

来自分类Dev

浏览器地址将无法在ui-route中正确显示

来自分类Dev

Google Chrome浏览器49.0.2623.112版中的Font Awesome图标无法正确显示

Related 相关文章

  1. 1

    HTML:无法在浏览器上显示吗?

  2. 2

    HTML:无法在浏览器上显示吗?

  3. 3

    浏览器无法正确显示字体

  4. 4

    浏览器刷新后,交互式rmarkdown文档无法正确显示

  5. 5

    HTML / CSS Progess Bar在浏览器上显示,但在尝试打印文档时不显示

  6. 6

    仅在 Android 浏览器上无法正确显示背景图像

  7. 7

    非Webkit浏览器无法正确显示特殊字符

  8. 8

    PDFObject在浏览器中无法正确显示

  9. 9

    htmlspecialchars无法在浏览器中正确显示

  10. 10

    PDF文件无法在浏览器中正确显示

  11. 11

    日期时间模型无法显示在谷歌浏览器上

  12. 12

    Java:无法在浏览器上显示 ADF 控件值

  13. 13

    背景图片在桌面浏览器上正确显示,在移动浏览器上未显示

  14. 14

    Service Worker html 响应未显示在浏览器上

  15. 15

    在浏览器中无法正确显示/显示Devanagari字体:Chrome,Firefox等

  16. 16

    在浏览器中无法正确显示/显示Devanagari字体:Chrome,Firefox等

  17. 17

    flexbox跨浏览器问题chrome正确显示Firefox无法显示

  18. 18

    浏览器无法显示文字

  19. 19

    在某些浏览器上显示行

  20. 20

    在浏览器上显示PDF

  21. 21

    PHP在浏览器上显示图像

  22. 22

    在某些浏览器上显示行

  23. 23

    div元素上的背景图片在Dolphin浏览器上无法正确缩放

  24. 24

    显示HTML而不是浏览器警报

  25. 25

    浏览器地址将无法在ui-route中正确显示

  26. 26

    Google Chrome浏览器永远无法正确显示字体/不进行平滑处理等

  27. 27

    从任务栏最大化时,Chrome浏览器无法正确显示

  28. 28

    浏览器地址将无法在ui-route中正确显示

  29. 29

    Google Chrome浏览器49.0.2623.112版中的Font Awesome图标无法正确显示

热门标签

归档