如何使用text-align“justify”右对齐div中的文本

时间:2012-07-29 17:50:31

标签: css

我希望我的文本的最后一句是右对齐的(文本的其余部分是合理的)。

我在<span>代码的中间尝试了<p>,但没有成功:

span.activity-conclusion
{
    font:22px 'Open Sans', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight:200;
    text-align:right;
    color:#467FD9;
}

这就是文本所在的<div>的CSS代码:

#activity-right { 
    font:12px 'Open Sans', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight:400;
    padding-left:25px;
    padding-top:20px;
    height: 100%;
    color:#000;
    width: 60%; 
    float: left;
    position: relative; 
    text-align:justify;
    border-left: 1px dotted #666;
    -moz-column-count: 1;
    -moz-column-gap: 1.5em;
    -moz-column-rule: 1px solid #c4c8cc;
    -webkit-column-count: 1;
    -webkit-column-gap: 1.5em;
    -webkit-column-rule: 1px solid #c4c8cc;
}

3 个答案:

答案 0 :(得分:2)

text-align: justify;
text-align-last: right;

text-align-last是CSS3的一部分,可以在Firefox和IE中运行......遗憾的是,还没有在WebKit中使用。

答案 1 :(得分:0)

将ID设置为您要影响的<p>并使用text-align:right;

答案 2 :(得分:0)

dir属性提供给p代码并提供值rtl

例如:

<p dir="rtl"> Your text here </p>

在这里查看演示http://jsfiddle.net/ALaVv/1/