相关疑难解决方法(0)

在同一行左右对齐两个内联块

如何对齐两个内联块,使一个在左边,另一个在同一条线上?为什么这么难?是否有类似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在右边.

一张图

html css html5

98
推荐指数
3
解决办法
14万
查看次数

Float:left vs Display:inline有什么区别?虽然浏览器中的每个元素都默认为左侧

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

http://www.w3schools.com/css/tryit.asp?filename=trycss_display_inline

css

29
推荐指数
4
解决办法
4万
查看次数

标签 统计

css ×2

html ×1

html5 ×1