2012-12-22 25 views
0

我wondeing我怎麼能證明一個HTML文檔中以下列方式一些文本:我怎麼能證明放置在多個行和列文

原始文本:

............  .......... 
.......   ...... 

結果預計:

............  . . ........ 
. . . . . ..  . . . . . . 

我一直在想和尋找解決方案,但我不能到任何地方。

請幫忙。

編輯

只是爲了澄清,列和行應該保持完全獨立。

+0

關於文本對齊有很多現存問題,最簡單的答案'text-align:justify'可以在其中很多找到。適當的理由是一個相當複雜的問題,你應該澄清目標是什麼。特別是從這個例子來看,最後一行似乎也應該是合理的。是對的嗎? –

+0

沒錯,任何一行中最長的一列應該被視爲最大的一列,其餘的應該根據這個延伸。 –

回答

1

您可以用text-align: justify來證明文字的正確性,但這往往會導致印刷效果差。您可以通過使用連字符(在CSS或JavaScript中)來改善情況。在IE上,您可以額外使用text-justify: newspaper,這往往會改善結果。

關於段落或其它塊,這似乎是這裏的問題的最後一行,您可以添加

-moz-text-align-last: justify; 
text-align-last: justify; 

在IE和Firefox,這使得合理的最後一行。但是你可能不喜歡結果。如果最後一行只有一點點文字,與列寬相比,文字和/或字母之間會有很大差距。

根據上下文和設計偏好,將文本分爲列是一個單獨的問題,並且有許多可能的方法。

1

只要把每一列和行本線:

text-align:justify; 
text-justify:inter-word; 
+1

使用[文本對齊](http://www.w3.org/TR/css3-text/#text-justify)的獎勵要點,但您應該真正解釋您的答案,而不僅僅是提供一段代碼。 – Pavlo

+0

我看不到我可以如何使用它。

............ ..........
....... ......
無法正常工作。 –

+0

@paulinho請參閱編輯。 –

2

假設你的文字已被放置在作爲單獨的div或css-columns屬性欄,設置text-align: justify;應該做的伎倆。沒有看到所涉及的標記,我不禁進一步。

編輯:請參閱this question和最佳答案。我希望它能幫助你。

+0

請參閱編輯。 –