如何在html中创建制表符缩进
如何在html中创建制表符缩进
提问于 2009-07-01 11:37:03
我的情况如下
测试
测试
test1
我需要在第二次测试和第三次测试后添加一个选项卡
所以它看起来像这样。
测试
测试结果：
test1是否有特殊的HTML实体或TAB的特殊字符。例如：不间断空格== & nbsp；
谢谢
回答 2
Stack Overflow用户
发布于 2009-07-01 11:44:01
我能想到的最简单的方法是将文本放在嵌套的div中。然后在div的左边添加空白处。它会向下层叠，给你缩进。
<div id='testing'>
Test1
<div>
Test2
<div>
Test3
</div>
</div>
</div>使用CSS：
#testing div {
margin-left: 10px;/*or whatever indentation size you want*/
}有了这些，你就会得到一棵漂亮的树，无论你想要走多深。
编辑:如果你愿意，你也可以使用padding-left。
Stack Overflow用户
发布于 2009-07-01 11:39:46
如果需要显示制表符(制表符)，请使用PRE元素(或应用了white-space: pre; CSS的任何元素)。
<!doctype html>
<html>
<head>
<title>Test</title>
<style type="text/css">
pre { white-space: pre; }
</style>
</head>
<body>
<p>This is a normal paragraph, blah blah blah.</p>
<pre>This is preformatted text contained within a <code>PRE</code> element. Oh, and here are some tab characters, each of which are displayed between two arrows: ← → ← → ← → ← →</pre>
</body>
</html>您还可以使用HTML实体	代替实际的制表符。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1068647
复制相关文章
相似问题
腾讯云开发者
