Javascript 文本对齐对齐间距仍不能与单词间距配合使用

我在div中有一段，其中一段我使用文本对齐：justify；它在单词之间有一个空格，无论我做什么，它都不固定，甚至单词间距

这是我的html

<div class="work span3">
    <img src="../../Content/Images/LastWork/Real local industry.jpg" alt="" class="example-image">
    <h4>Real local industry
    </h4>
    <p>
        Tharwa Breda Petroleum Service company is one of the petroleum sector companies  launched its local production for the well head and X-mas trees in Nov. , 2012 to be the first company in Egypt and Middle East working and Certified as API-6A for this kind of industry .This Project is a part of oil ministry and Egyptian government plan for economic independence and self sufficiency which are the legitimate objectives for our nation to pursue.
    </p>
    <div class="icon-awesome">
        <a href="../../Content/Images/LastWork/Real local industry.jpg" data-lightbox=" example-1">
            <i class="icon-search"></i>
        </a>

    </div>
</div>

---

没有任何东西会影响20%宽度的空间我必须使div变大才能工作，我不能这样做

我看不出您的示例中有什么错误：HTML/CSS代码中的.portfolio是什么？你能提供一些关于它的代码吗？正如@emmanuel所说的，它看起来很完美。我建议您清理缓存并重新开始，可能会有所帮助。显示的代码根本不包含文本对齐或字间距。

.portfolio .work
{
    background: none repeat scroll 0 0 #F8F8F8;
    border-bottom: 2px solid #E6170D;
    float: left;
    height: 590px;
    margin-left: 32px !important;
    padding: 5px 5px 20px;
    position: relative;
    width: 20% !important;
}
.portfolio .work p
{
    font-size: 12PX;
    font-style: italic;
    line-height: 22px;
    text-align: center;
}