如何在XHTML中创建tabstops?

时间:2009-11-30 19:37:30

标签: html css xhtml

我想使用像'span'或任何其他常规ole'元素这样的元素在xhtml网页中创建一个tabstop(即有效的XML)。效果应该相当于4 " "彼此相邻(如果不在&符号和'n'之间放置一个空格就不能这样做。有人知道怎么做吗?

修改:我的初始帖子未显示 我想要做的是尽可能避免使用该方法。

更多细节......

据说,以下CSS无效

span {
  display:inline;
  width: 2em
}

因为内联元素(根据我的理解)没有宽度。

另外,这个css:

span {
  display: block;
  width: 2em;
  float: (pick a direction)
}

不起作用,因为它会导致元素触及块的边缘,导致不规则的流动。

如果有人回答“为什么你会这样做?” (呵呵)......这是因为我正在撰写一份需要格式化的法律文件。 : - )

谢谢大家!

伯尼

5 个答案:

答案 0 :(得分:3)

在CSS中尝试display: inline-block;。这将生成一个内联布局的框元素。

答案 1 :(得分:2)

如果您正在撰写需要此类格式的法律文件,则不应将其留给CSS。

答案 2 :(得分:1)

如果是表格数据,请使用表格。这就是它的用途。

答案 3 :(得分:1)

使用四个  s,

<p>
    &nbsp;&nbsp;&nbsp;&nbsp;Text.
</p>

或者在包含文字的元素

上使用padding-left: 20px;(或您想要的任何像素)
<p style="padding-left: 20px;">
    Text
</p>

或者使用四个常规空格并在包含元素上应用white-space: pre;

<p style="white-space: pre;">
    Text
</p>

(当然以上只是示例,您应该将样式重构为单独的CSS文件)。

答案 4 :(得分:0)

使用<div style="whitespace: pre;">包装内容 - 使用源编辑器(gedit,notepad,notepad ++等)中的选项卡设置 - 以及需要特殊格式的任何块,例如地址或引号,后续<div><spans>