996.ICU让我认识了一下pre标签

2019-04-01330次阅读HTML

人在江湖飘哪能不挨刀,996无非就是从一个坑跳入另一个坑。进入996.ICU当然先Star一下,点开996(或其他违法加班制度)公司名单扫一眼。

看源代码,为什么要看源代码?点开看看

界面上看到的信息并不完整,只有一行,确实只能通过源代码看到工作时间:996,我选中pre标签,在右侧看了半天css也没有发现什么异常,它是怎么做到只能显示一行的?看来要回炉重学一个pre标签啦。

pre标签

所有浏览器都支持 <pre> 标签。

  • pre元素可定义预格式化的文本。被包围在 pre元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
  • <pre>标签的一个常见应用就是用来表示计算机的源代码。
  • 注意: 你需要将该元素里的 '<' 字符转义为 '&lt;' 以保证代码里的关闭代码不被浏览器解释为标签。

code标签和pre标签之间的关系

  • <code> 标签用于表示计算机源代码或者其他机器可以阅读的文本内容。
  • code标签是暗示浏览器中code标签所包围的文本是计算机源代码即表示的意思,浏览器可以做出自己的样式处理。
  • pre标签可以保留文本中的空格和换行符是计算机源代码显示所必须的样式。
  • 通常<pre>标签与<code>标签结合起来使用,以获得更加精确的语义,但是必须注意两者的嵌套顺序。
  • 看看css中position定位margin:auto垂直居中一文中的源代码显示,源代码你就知道如何嵌套啦。

上一篇: css中position定位margin:auto垂直居中  下一篇: css练习制作钢铁侠胸口的小型核反应堆  

996.ICU让我认识了一下pre标签相关文章