文本对齐理由不起作用？

我正在一个网站上，我有这样的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

文本对齐理由不起作用？

回答

相关问题