如何縮進HTML代碼示例
[英]How to indent html code examples
問題描述
我有一個網站或一個html頁面，我希望縮進代碼以供訪問者查看。 例如：
<html>
<head>
</head>
<body>
<pre>
<html>
<body>
<p>
hi
</p>
</body>
</pre>
</body>
</html>
在html中，有一種無需使用大量＆nbsp即可縮進塊代碼的方法。 ，如<blockquote>標記。 這樣，我可以使用這樣的東西：
<HTML></ html>使用：<head>＆lt / head> <body></ BODY><p>嗨</ p>
<blockquote> <html> <blockquote> <head> </head> <body> <blockquote> <p> <blockquote> Hi </blockquote> </p> </blockquote> </body> </blockquote> </html>
我想知道是否有更好的方法來縮進代碼塊。 如果沒有，我想知道是否有一種方法可以使用css對其進行更改，以使側面沒有行，並且看起來只是將普通縮進鏈接到用戶。
2 個解決方案
解決方案1
0 2015-12-19 07:28:02
您可以使用CSS來實現。 text-indent屬性指定文本塊中第一行的縮進。 嘗試;
blockquote {
text-indent: 50px;//define indent in pixels
}
這是一個演示http://www.w3schools.com/cssref/tryit.asp?filename=trycss_text-indent
解決方案2
0 已采納 2015-12-19 07:52:46
您可以使用pre標簽來制作可以通過常規空格/制表符縮進的預格式化文本。
<pre>
<html>
<head></head><body>
<p>
Hi
</p>
</body>
</html>
</pre>
如何使用xmllint縮進html？
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.