右对齐页眉和页脚div中的按钮/内容

Question

我正试图在页眉和页脚上对齐一些按钮。但目前他们只是有点对齐。代码在这里：http://jsfiddle.net/fXzX2/你可以在这里看到“demo”：dev.chatterr.com。

如果我应该使用类似的东西，请

    width: 1352px;

或：

    float: right;

或者什么。您认为我应该怎么做才能解决这个问题？感谢。

Answer 1

div.nav {
    display: table-cell;
    vertical-align: middle;
}

将其更改为

div.nav {
    display: table-cell;
    float: right;
    vertical-align: middle;
}

在你的CSS中

Answer 2

你究竟愿意如何调整它们？

1. 左对齐？
2. 居中对齐？

你应该清楚:)

看，你必须选择css对齐方法，具体取决于元素本身的内容以及样式之前和之后的其他元素的样式。

您可以使用以下样式执行此操作：

• 余量
• 垂直对齐
• 行高
• 文本对齐
• 浮

...等

我认为您应该阅读这些对任何Web开发人员或设计人员都有用的文章。

http://www.vanseodesign.com/css/vertical-centering/

无论如何，给出一个浮动：正确和清晰：两者都可以解决导航的对齐问题 关于像这里的垂直对齐，告诉别人你想要或尝试做什么会有点困惑。首先在Adobe Photoshop中设计主题或网站，然后在任何需要的地方显示，就像这里一样，这是一个很好的做法。

检查你的jsfiddle。