对齐

Question

我的问题有点像这样：CSS: alight left and right within the same line (without floats)
不同的是，我连续3个元素（日期，标题，作者），我希望作者对齐。

这里有一个JSFiddle，其中包含解决方案的一部分。 问题是，在我的小提琴中，作者绝对定位，所以在使窗口变小的同时，你会发现在某些时候标题会与作者重叠。

.e-author {
    position: absolute;
    right: 0;
}

TL; DR：我可以在没有浮动和/或其他html元素的情况下在最右边对齐三个元素中的一个吗？

Answer 1

您可以使用Flexbox。

在display:flex上设置<li>，在margin-left: auto设置.e-author。

这是对你小提琴的更新： http://jsfiddle.net/dtqkm2sk/3/

Zoe Gillenwater有一个非常有见地的talk on CSS Flexbox，涵盖了这个和许多其他用例。