文本對齊理由不起作用？

我正在一個網站上，我有這樣的CSS：文本對齊理由不起作用？

#aboutMe 
{ 
    position:relative; 
    left:20px; 
    top:20px; 
    behavior: url(/PIE.htc); 
    -webkit-border-radius: 400px; 
    -moz-border-radius: 400px; 
    border-radius: 400px; 
    background:#48c7ff; 
    width:400px; 
    height:400px; 
    font-family:'Ciclef'; 
    color:#e9e9e9; 
    padding:35px; 
    line-height:25px; 
} 

#aboutMe p 
{ 
    text-align:justify; 
    font-size:16px; 
}

但是，文本是沒有道理的，它的左對齊。我怎樣才能解決這個問題？

這裏的網站：http://ibdesigns.net23.net/

的「關於我」圈（大約一半了網頁）是款給我找麻煩。

來源

2012-05-26 Isaiah Bugarin

我看到它的方式，圈內的文字是有道理的。文本「我的工作」被頁面底部的四個圓圈覆蓋時出現問題。順便說一下，你是如何在頁面的綠色和藍色兩半之間形成浪潮的？ – toniedzwiedz

該文本是justified。對齊段落中的最後一行不會被拉伸（或壓縮）以適應該行。

讓它看起來更好（在支持CSS3 text-align-last瀏覽器），你可以這樣做：

text-align:justify; 
text-align-last:center; 
/* for IE9 */ 
-ms-text-align-last:center;

來源

2012-05-26 19:48:32

你也可以使用一個空的跨度：http://jsfiddle.net/p2zdS/ –

@ kai-o-pele：這也行得通，但從美學上講，這取決於最後一行顯示多少文本（可能是三個詞，相隔甚遠）。 –

順便說一下，你有沒有注意到同樣<div>？文字正在移出圖像;你可以考慮一個小的CSS變化：

#aboutMe p { 
    text-align: justify; 
    text-align-last: center; 
    font-size: 16px; 
    margin-left: 15px; 
}

我加margin-left: 15px;。

來源

2012-05-26 22:31:32

文本對齊理由不起作用？

回答

相關問題