我的情况如下
<body>
测试<br />
测试<br />
test1 <br />
</ body>
我需要在第二次测试和第三次测试后添加一个选项卡
所以它看起来与此类似.
测试
测试
1
TAB是否有特殊的HTML实体或特殊字符.例如.不间断的空间==
谢谢
geo*_*wa4 23
我能想到的最简单的方法是将文本放在嵌套的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如果你愿意,你也可以使用.
Bol*_*wyn 10
如果你真的想使用制表符(==制表符字符),你必须使用以下解决方案,我不建议:
<pre>
test
	test
		test
</pre>
或替换<pre/>使用<div style="white-space: pre" />以达到与pre元素相同的效果.您甚至可以输入文字制表符而不是转义字符	.
我不推荐它用于大多数用法,因为它不是真正的语义,也就是说,从查看HTML源代码,程序不能推断出任何有用的信息(例如,"这是一个标题"等).你最好使用margin-left其他答案的一个很好的例子.但是,如果你想显示一些像源代码这样的东西,上面的解决方案就可以做到.
干杯,
是的,众神,桌子？
看起来像列表的明显用例,具有可变边距和list-style-type:none; 经验丰富.
请参阅Neha Sinha在 HTML 中制作“选项卡” ：
\n\n\n\n\n预格式化
\n\n如果您使用名为 \xe2\x80\x9cpreformatted\xe2\x80\x9d\n 文本的 \xe2\x80\x99s，则可以直接在 HTML 中添加制表符。在 HTML 中，将您想要的文本括起来 \xe2 \x80\x9c 预格式化\xe2\x80\x9d 在一对\n \xe2\x80\x9c
\n\n<pre>\xe2\x80\x9d 和\xe2\x80\x9c \</pre>xe2\x80\x9d 开始和结束\n 标记中。表格
\n\n\n\n
<tr>您可以使用 html 表格，以便您在 rows( ) 和 columns( )集合中放置的所有内容都以<td>相同的方式显示。您可以很好地隐藏表格边框以单独显示文本。使用
\n\n<dd>标签该
\n\n<dd>标签用于格式化定义。但它也会创建换行符并创建制表符！\n\n
, 不间断空格我在表示例中使用的 HTML 代码之一是 \xe2\x80\x9c 不间断空格，\xe2\x80\x9d 编码为 HTML。这只是给你一些空间。与换行符 结合使用，
\n<br>您可以创建一些类似制表符的效果。
Test<br/>\n<pre> </pre>test<br/>\n<pre> </pre>test1<br/>\n这应该呈现为：
\n\nTest\n test\n test1\n到目前为止,已经有各种各样的好的和坏的答案,但似乎没有人解决你可以在解决方案之间做出选择的方式.
要问的第一个问题是"正在显示的数据之间的关系是什么？" .一旦回答了这个问题,您使用的HTML结构应该是显而易见的.
请更新解释更多有关您需要显示的内容结构的问题,您应该会发现您可以获得更好的答案.目前,从使用<pre>到表格的所有内容都可能是最佳解决方案.