3

私はウェブサイトで作業していて、この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/

The "About Me" circle (about halfway down the page) is the paragraph giving me trouble.

4

2 に答える 2

14

そのテキストは正当化されます。両端揃えの段落の最後の行は、その行に収まるように引き伸ばされたり圧縮されたりしません。

（をサポートするCSS3ブラウザーで）見栄えを良くするにはtext-align-last、次のようにします。

text-align:justify;
text-align-last:center;
/* for IE9 */
-ms-text-align-last:center;
于 2012-05-26T19:48:32.100 に答える
0

ところで、あなたは同じことを観察しました<div>か？テキストが画像の外に出ています。小さな CSS の変更を検討してください。

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

追加しましmargin-left: 15px;た。

于 2012-05-26T22:31:32.397 に答える