PHP-在 <pre> 标签内插入文本文件，导致第一行出现大偏移

Question

我正在使用 <pre> 标签在我的网站中插入代码片段。

这里是 HTML/PHP 代码：

<pre class="prettyprint">
    <?php include('canny.py'); ?>
</pre>

这里是canny.py的内容：

import cv2
img = cv2.imread('/path/to/file/line_02.jpg', 0)
edges = cv2.Canny(img, 100, 200)
cv2.imwrite('mycanny.jpg', edges)

但是，由于某些原因，第一行呈现为距 div 元素的左边距 3 或 4 个制表符。这只发生在第一行，即，如果我将 .py 文件的第一行留空，第二行仍然可以正常显示。

为什么会出现这种情况，有什么方法可以使其正常工作？

Answer 1

删除开始 <pre> 标签和 PHP 标签 <?php 之间的四个空格。

这些按字面解释，您的 PHP 脚本读取的内容插入在这四个空格之后，因此您的第一行被相同的偏移。

<pre class="prettyprint"><?php include('canny.py'); ?></pre>

应该可以。

PHP-inserted text file inside <pre> tag causing large offset of first line