在`pre`标记内的`code`标记内的` `display: block;`会创建不需要的新行，并且滚动时样式不会应用于全长

在pre标记内的code标记内的display: block;会创建不需要的新行，并且滚动时样式不会应用于全长。

在HTML中，pre标记用于表示预格式化文本，而code标记用于表示计算机代码。当将code标记放置在pre标记内时，可以通过CSS样式来控制代码块的显示方式。

display: block;是一种CSS属性，它将元素显示为块级元素，即元素会在新行上开始，并且会占据其父容器的整个宽度。

然而，在pre标记内的code标记中使用display: block;会导致不需要的新行的创建。这是因为pre标记默认会保留文本中的空白字符和换行符，而display: block;会使code标记以块级元素的形式显示，从而导致额外的换行符被添加。

此外，滚动时样式不会应用于全长。这是因为pre标记内的文本通常会超出容器的宽度，如果没有设置适当的CSS样式或使用适当的滚动容器，文本内容将会被截断或溢出。

解决这个问题的方法是使用white-space: pre-wrap;样式来替代display: block;。white-space: pre-wrap;会保留文本中的空白字符和换行符，并且会自动换行以适应容器的宽度。同时，可以将代码块放置在一个带有滚动条的容器中，以便在内容超出容器宽度时进行滚动。

以下是一个示例代码：

<div style="width: 300px; height: 200px; overflow: auto;">
  <pre>
    <code style="white-space: pre-wrap;">
      // 你的代码
    </code>
  </pre>
</div>

在这个示例中，我们创建了一个宽度为300px、高度为200px的容器，并设置了滚动条样式。code标记内的white-space: pre-wrap;样式保留了文本中的空白字符和换行符，并自动换行以适应容器的宽度。当内容超出容器宽度时，可以通过滚动条进行滚动查看完整的内容。

腾讯云相关产品和产品介绍链接地址：

• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
• 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
• 物联网通信（IoT Hub）：https://cloud.tencent.com/product/iothub
• 移动推送服务（TPNS）：https://cloud.tencent.com/product/tpns
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯区块链服务（TBaaS）：https://cloud.tencent.com/product/tbaas
• 腾讯云游戏引擎（GSE）：https://cloud.tencent.com/product/gse