我对html和css还很陌生，所以请原谅我的问题不能100%的回答任何老手。我尝试使用元素将一行格式化的代码应用到一个网站，但是它使用了所有的白色前空格。element for the codeThis is how it looks when I open the code in a browser我尝试添加style=“white-space：pre-line;”属性添加到html中的元素，但是当我在浏览器中打开代码时，它会删除我希望格式化到行中的缩进。The incorrectly formatted lines after adding the style attribute
我期待的结果看起来像下面的图像。与文本格式化如何css是正常编码和对齐到左边的flexbox。我已经尝试了其他空白值，似乎没有什么工作，我想要的。An image from my homework assignment describing how our website should look
1条答案
按热度按时间xzv2uavs1#
这是正常的行为，因为
<pre>元素的默认样式是white-space: pre;，每个空格、换行符、制表符和其他字符都按原样呈现，所以如果<pre>元素中的空格在实际文本之前，它就会被呈现。要解决您的问题，请删除代码前的空格或制表符。