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

如何删除html中文本的第一行缩进,html,css,jsp,text-align,highlight.js,Html,Css,Jsp,Text Align,Highlight.js,我格式化输出时遇到问题。我希望每行文本在左侧水平。这是我正在使用的代码 <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 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>
我注意到,如果我删除'pre'标记,我就不再有这个问题,但是如果没有这些标记,就不会出现正确的文本突出显示。我将变量片段传递给jsp,如下所示:

  request.setAttribute("snippet", selectedQuery);
在将数据发送到jsp之前,我已经测试了这些数据的外观。我在System.out.print()中观察到变量,字符串本身没有缩进。selectedQuery是一个包含多个字符串变量的对象

谢谢你的帮助


编辑:我曾尝试在div、pre和code标记中使用文本缩进,但没有任何效果。

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>





谢谢!看起来好多了。其他人只是想澄清一下,这是HTML中的空白,这通常会导致这种混乱(除了字符串变量中的任何内容)。
<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>