如何删除html中文本的第一行缩进

Question

我在格式化输出时遇到问题。我希望每一行文本在左侧是水平的。这是我正在使用的代码。

<div style="text-align: left;">
    <pre style="width: 75%; margin-left:auto; margin-right:auto;"><code class="sql">
        <c:out value="${snippet.query}"/>
    </code></pre>
</div>

虽然样式要求文本与 div 的左侧对齐，但输出的第一行始终是缩进的。为什么会这样？我还不能发布图片，但看起来是这样的：

            CREATE SCHEMA "Trading";
SET SCHEMA '"Trading"';
CREATE STREAM "Orders"
(
   orderTime TIMESTAMP,
   orderId INTEGER,
   productId INTEGER,
   quantity INTEGER,
   unitPrice DECIMAL(11,2),
   shippingState CHAR(2)
);
CREATE STREAM Shipments
(
   shipTime TIMESTAMP,
   orderId INTEGER,
   warehouseState CHAR(2)
);  

我注意到，如果我删除了“pre”标签，我将不再遇到这个问题，但是如果没有这些标签，则不会出现正确的文本突出显示。我将变量 sn-p 传递给 jsp，如下所示：

  request.setAttribute("snippet", selectedQuery);

在将这些数据发送到 jsp 之前，我已经测试了它的样子。我观察了 System.out.print() 中的变量，并且字符串本身没有缩进。 selectedQuery 是一个包含多个 String 变量的对象。

感谢您的帮助。

编辑：我尝试在 div、pre 和 code 标记中使用 text-indent，但这些都没有任何效果。

Answer 1

pre 标记包含任何空格。在开始和结束 pre 标签之间有一堆空白。只需将其删除即可：)

像这样：

<div style="text-align: left;">
    <pre style="width: 75%; margin-left:auto; margin-right:auto;"><code class="sql">
        <c:out value="${snippet.query}"/>
    </code></pre>
</div>

到

<div style="text-align: left;">
    <pre style="width: 75%; margin-left:auto; margin-right:auto;"><code class="sql">
<c:out value="${snippet.query}"/>
    </code></pre>
</div>