文本对齐证明不起作用

Question

我试图证明这个 p 标签中的文本是正确的，以便它完全适合 p 的宽度。

 <p align="justify" style="text-align: justify !important; color:#fff; margin:0px; font-weight:bold; width:487px; border:Solid 1px red;">blah blah blah</p>

但文字只是不能证明！知道为什么吗？

谢谢你的帮助。

原文由 phil 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用此处描述的解决方案：http: //blog.vjeux.com/2011/css/css-one-line-justify.html

这将对齐单行但在后面添加一个空格，因此如果您知道高度，您可以使用 overflow:hidden 指定它以隐藏它并仍然得到对齐。

 .fulljustify {
    	text-align:justify;
    }
    .fulljustify:after {
        content: "";
        display: inline-block;
        width: 100%;
    }
    #tagline {
        height: 80px;
        overflow: hidden;
        line-height: 80px; /* vert-center */
    }

 <p id="tagline" class="fulljustify">Blah blah blah</p>

原文由 manafire 发布，翻译遵循 CC BY-SA 3.0 许可协议