html - 证明一行html文本填充一整行？

Question

我有一个导航栏，里面有链接，它在我现在想要的高度附近，但我希望按钮间隔均匀但text-align:justify;不起作用。我做错了什么？

http://jsfiddle.net/xuEY6/

Answer 1

添加

#navigation:after { /* Justify last line */
    content: '';
    display: inline-block;
    width: 100%;
}
#navigation { /* Fix added space */
    height: 1.15em;
    line-height: 1.15;
}

演示

Answer 2

如果添加：

text-align-last:justify;

到#navigation 行，您将获得所需的内容。

Answer 3

如果您没有 Safari 支持（截至 2021 年）还可以，那么现在有一个本机解决方案，该text-align-last属性：

text-align-last: justify;

将此应用于任何文本，其最后（或唯一）行将是合理的，而常规text-align属性会影响除最后一行之外的所有行（如果只有一行，则不会影响）。

除 Safari 外，所有主要浏览器都支持此功能。Chrome 47+、Edge 12+、Firefox 49+ 和 Opera。甚至 IE 5.5+ 也支持它（！），但text-align: justify;也必须设置为工作。

Safari 有一个错误报告来跟踪它的状态，但是它已经有十年的大部分时间没有任何更新，所以苹果真的应该尽快加强它的游戏。该错误被标记为“已解决”，但事实并非如此。

Answer 4

您的链接需要width填满该行。将 with 指定为 a%以填充该行

看看这个http://getbootstrap.com/components/#nav-justified