2009-11-30 58 views
1

我想使用像'span'或任何其他常規ole'元素的元素在xhtml網頁(即有效的XML)中創建制表符。效果應該相當於4 " "緊挨着對方(不能做,沒有把符號和「n」之間的空間中任何人都知道如何做到這一點如何在XHTML中創建制表符?

編輯:?我最初的帖子做了不顯示 我想要做的是避免使用,如果可能的方法是什麼。

更多的細節......

據稱,下面的CSS是無效的

span { 
    display:inline; 
    width: 2em 
} 

,因爲內聯元素(根據我的理解)沒有寬度。

此外,該CSS:

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

是行不通的,因爲它會導致元件觸摸塊的邊緣,引起不規則流動。

在別人回答「爲什麼你會那樣做? (呵呵)......這是因爲我正在寫一個需要格式化的法律文件。 :-)

謝謝大家!

伯尼

回答

3

在您的CSS中嘗試display: inline-block;。這將生成一個內聯佈局的框元素。

+0

右ooooun。謝謝馬克! – btelles 2009-11-30 19:58:40

+2

請注意,內嵌塊只能在FF3 +,IE8 +,Chrome和Opera中正確支持。 IE7及以下版本或FF2不支持或不能正確支持內嵌塊 – CaffGeek 2009-11-30 20:34:58

+0

List Apart有一篇關於使用'inline-block'的HTML表單樣式的文章,並且它給了Javascript使得CSS在不支持的瀏覽器中正常工作它。請參閱http:// www。alistapart.com/articles/prettyaccessibleforms/ – 2009-11-30 20:59:51

1

如果是表格數據,請使用表格。這就是它的目的。

1

要麼使用4個  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文件)。

0

使用<div style="whitespace: pre;">來包裝內容 - 使用源代碼編輯器(gedit,notepad,notepad ++等)中的選項卡設置 - 以及後續<div> s中需要特殊格式(如地址或引號)的任何塊或<spans>

2

如果您正在撰寫需要格式化的法律文檔,則不應將其保留爲CSS。

+0

甚至任何特定的瀏覽器的解釋您的CSS和HTML ... – 2009-11-30 20:53:28

+0

加入傢伙,你幾乎沒有知識的用例和上下文。你爲什麼認爲你有足夠的信息來得出結論? – btelles 2009-12-01 06:01:19

+0

如果您對技術問題沒有有效答案,關於上下文的信息很少,並且有意見,那麼請不要回答。 – btelles 2009-12-01 06:03:02