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;
}

然而,案文没有正当理由,而是左对齐。我怎样才能解决这个问题呢?

s 网站:http://ibdeigns.net23.net/" rel=“no follows”>http://ibdeigns.net23.net/。

“关于我”的圆圈(大约在页面上半个半页)是给我带来麻烦的段落。

Answer 1

该文本为,“http://en.wikipedia.org/wiki/justification_28tytymbregation%29" rel=“noreferr”>, 理由充分。合理的段落中的最后一行不会被拉伸( 或压缩), 适合该行。

要使其看起来更好(在支持的CSS3浏览器中, 支持text-align-last , 您可以做到:

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

Answer 2

顺便说一句,您是否观察到了相同的 ? 文本正在从图像中移出; 您可以考虑一个小的 CSS 变化 :

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

我添加了“ 坚固% code> margin- left: 15px; 。

友情链接