Question

我正在网站上工作，我有这个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/

“关于我”圈子（大约在页面的一半）是给我带来麻烦的段落。

Answer 1

该文字为justified。对齐段落中的最后一行不会被拉伸（或压缩）以适合该行。

为了让它看起来更好（在支持text-align-last的CSS3浏览器中），您可以这样做：

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

Answer 2

顺便说一句，你是否观察过<div>？文字正在移出图像;你可以考虑一个小的CSS改变：

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

我添加了 margin-left: 15px; 。

文字对齐证明不起作用？

2 个答案: