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

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

最佳答案

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

text-align-last是 CSS3 的一部分,可以在 Firefox 和 IE 中使用……不幸的是,还不能在 WebKit 中使用。

关于css - 如何使用 text-align "justify"右对齐 div 中的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11711540/

相关文章:

html - 修复图像在页面左侧、中心和右侧的位置,但也具有响应性

css - 溢出:滚动导致图像被截断

javascript - 如何创建可折叠的网格、表格或列

css - 使用angular2的ngx数据表分页

html - 更改导航按钮的外观以响应滚动

javascript - JQuery 将鼠标悬停在子元素上以更改父元素的 CSS

html - Flexbox、 float 或显示表格

html - CSS:我不希望容器在彼此下方移动

html - 如何降低背景高度,使我的图像底部和底部边框处于同一水平?

javascript - 针对多个div的视差滚动背景代码