如何将一长行html代码分成多行,就像python和C/C++中的“\”一样

nvbavucw  于 2023-10-14  发布在  Python
关注(0)|答案(3)|浏览(117)

假设我有以下代码,

<p>aaa<a>bbb</a>ccc</p>

呈现的网页将是这样的

然而,当文本“bbb”,“ccc”变得很长时,我想将这一行拆分为多行以提高可读性,如

<p>
    aaa
    <a>
        bbb
    </a>
    ccc
</p>

但呈现的网页将像

两个文本块之间有空白。我怎样才能使这些线像前面提到的单线一样工作。在python或C/C中,我可以简单地使用“\”来通知连续的行应该被视为一行。在html文件中有类似的功能吗?
此外,由于我使用django模板系统,我尝试了django官方标签“spaceless”。根据django的文档,“spaceless”标签应该删除html元素之间的空白。但在这种情况下,两个文本块之间的空白仍然存在。我对此感到非常困惑。
感谢您的任何帮助!
我试着询问chatgpt,github co-pilot和google搜索。但我发现html中没有任何功能可以使连续的行作为一行工作。一个类似于python和C/C
中的“\”的功能,它通知编译器将连续的行视为一行,这正是我想要的。此外,如果任何人可以帮助找出为什么“spaceless”标签未能删除两块文本之间的空白,这将是如此伟大!

3hvapo4f

3hvapo4f1#

您可以使用HTML(SGML)注解,如下所示:

aaa<!--
-->bbb<!--
-->ccc

或者,您可以在标签中包含换行符,而不是在内容中,例如:

<p>
    aaa<a
       >bbb</a
    >ccc
</p>
qf9go6mv

qf9go6mv2#

您可以在HTML代码中使用VS代码扩展来实现这种类型的装饰!例如: emmet

xzlaal3s

xzlaal3s3#

你现在可以在你的css中使用display:flex来解决这个问题。

p{
display:flex;}
<p>
aaa
<a>bbb</a>
ccc
</p>

相关问题