如何使用CSS和看不見HTML桌子把webpage內容排成一排

在5:32被張貼在2009年2月7日

如果你需要但是表達(像一報紙或者雜誌頒發)柱狀的內容,在之前和在我格式化文本之後,你不會有一個選擇但是我們下面例子欲使用tables. 請參看,在你的blogs和網頁上排成一行問題是一個因為開始bloggers. 共用問題:

以前:

“但是我必須向你解釋這一切怎樣譴責願望和讚揚疼痛的錯誤的觀念是承受和我將向你作出有關系統的完整的說明和闡釋事實的偉大勘探者的真實教學,人高興的建築師-.因為它是願望而是因為不知道怎樣理性地追求願望的那些遭遇是極其疼痛的結果,沒有任何人它自己拒絕,不喜愛,或者避開願望.

也不再次因為它是疼痛而是因為偶爾境況發生,在哪一個苦幹和疼痛能替他得到一些偉大願望中有愛或者追或者渴望得到本身的疼痛的任何人.舉平庸,要不是從它得到一些優勢,我們的其曾經承擔勤勞物理練習的例子嗎?但是誰有任何的權利要挑一個男人,其寧願選擇喜愛一沒有惱火的結果的願望或者避開一生產沒有作為結果的願望的疼痛的一的毛病?”

以後:

“但是我必須向你解釋這一切怎樣譴責願望和讚揚疼痛的錯誤的觀念是承受和我將向你作出有關系統的完整的說明和闡釋事實的偉大勘探者的真實教學,人高興的建築師-.因為它是願望而是因為不知道怎樣理性地追求願望的那些遭遇是極其疼痛的結果,沒有任何人它自己拒絕,不喜愛,或者避開願望.也不再次因為它是疼痛而是因為偶爾境況發生,有愛或者追或者渴望得到本身的疼痛的任何人

在哪一個苦幹和疼痛中能替他得到一些偉大願望.舉平庸,要不是從它得到一些優勢,我們的其曾經承擔勤勞物理練習的例子嗎?但是誰有任何的權利要挑一個男人,其寧願選擇喜愛一沒有惱火的結果的願望或者避開一生產沒有作為結果的願望的疼痛的一的毛病?”

不僅那重新格式化格式是更容易閱讀,它也堅持自你能擺桌子佔領僅某些你罐的量的pixels. 以來,整個東西的寬度也把空間距離放在專欄之間那樣和你的needs. 相配我們怎樣到達這樣的桌子container?

簡單附著一桌子使用你的HTML editor. 才只是開始可靠的那個你don’t表達一價值在上BORDER屬性因此邊緣是invisible. 出租划船是相等向1和專欄向2. 你罐改變划船和專欄同樣你require. 在中screenshot下面我使用居住作者但是它是將去是同樣地原則當在其它網編輯那兒時:

你能在上方明白我留下邊緣空白和那個使它變得看不見的那個.如果你在上方的看看例子桌子的代碼我使用按尺寸排列cellpadding的8映像點和cellspacing. 的border’s價值當然是的5映像點作歸零校正.

<table cellspacing="5" cellpadding="8" width="506" border="0">

.csharpcode,.csharpcodepre
{
字體-尺寸:狹窄部份;
顏色:黑色;
字體-家庭:consolas,“信使新”信使,monospace;
背景-顏色:#ffffff;
*white-space:pre;*/
}
.csharpcodepre邊緣:0em;}
.csharpcode.rem顏色:#008000;}
.csharpcode.kwrd顏色:#0000ff;}
.csharpcode.str顏色:#006080;}
.csharpcode.op顏色:#0000c0;}
.csharpcode.preproc顏色:#cc6633;}
.csharpcode.asp背景-顏色:#ffff00;}
.csharpcode.html顏色:#800000;}
.csharpcode.attr顏色:#ff0000;}
.csharpcode.alt
{
背景-顏色:#f4f4f4;
寬度:100%;
邊緣:0em;
}
.csharpcode.lnum顏色:#606060;}