2013-12-18 36 views
0

我正在設計一個網頁,並且在最後一個小時沒有運氣的情況下一直在抨擊我的頭。在CSS中定義文本的格式

我寫了幾段,並希望它遵循兩個約束:

1),它駐留在需要的DIV爲中心,但我不希望DIV中的實際文本是居中。一個例子是這裏的鏈接/文字:http://paulstamatiou.com/

2)我想限制文本的div大小,當一條線遇到這個邊界時,它將線斷開,然後繼續向左對齊下一行​​。當我縮小窗口時,我不想隱藏任何溢出。

<pre>標籤有類預格式化,我已經定製爲

.preformatted { 

    font-family: monospace; 
    white-space: nowrap; 
    text-align: center; 


} 

對不起,noobish問題,我試圖在別的地方找到我的解決方案。我一直在討論溢出,空白和其他一些標籤,但沒有運氣。必須有一種更簡單的方法來做到這一點,而不是像我現在正在做的那樣單獨分隔每條線。

+0

你應該創建一個你的代碼的jsfiddle,以便我們可以調試它,你沒有真正給我們足夠的工作與你的問題。 – DrCord

回答

0

不知道我理解你的問題,但是你可以在margin: 0 auto的中心區分div,而不會影響它包含的文本的對齊方式。一旦文字的寬度達到div的寬度,文字的每一行都會打斷。這裏有一個的jsfiddle示範:

http://jsfiddle.net/Vx9K9/

0

1)有幾種方法可以居中你的股利。一種老方法是margin: 0 auto;。您也可以嘗試positionmargin,這可以滿足您的需求。

2)如果你想在你的文本超過div的邊框時打開文本,你需要在div對象上使用overflow:hidden;

+1

您還需要在元素上有寬度或最大寬度才能使邊距技巧發揮作用。 – davethegr8