如何对齐两个内联块,使一个在左边,另一个在同一条线上?为什么这么难?是否有类似LaTeX的\ hfill可以消耗它们之间的空间来实现这一目标?
我不想使用浮点数,因为使用内联块我可以排列基线.当窗口对于它们都太小时,使用内联块我可以将文本对齐更改为居中,并且它们将在另一个上面居中.相对(父)+绝对(元素)定位与浮点数具有相同的问题.
HTML5:
<header>
<h1>Title</h1>
<nav>
<a>A Link</a>
<a>Another Link</a>
<a>A Third Link</a>
</nav>
</header>
Run Code Online (Sandbox Code Playgroud)
css:
header {
//text-align: center; // will set in js when the nav overflows (i think)
}
h1 {
display: inline-block;
margin-top: 0.321em;
}
nav {
display: inline-block;
vertical-align: baseline;
}
Run Code Online (Sandbox Code Playgroud)
Thery就在彼此旁边,但我想要nav在右边.

Float与Display之间有什么区别:内联?默认情况下,每个浏览器都会显示左侧.然后2显示内联元素应该像float:left一样工作.
http://www.w3schools.com/css/tryit.asp?filename=trycss_display_inline