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

Question

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

Idk 如果我应该使用类似的东西：

    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 对齐方法。

您可以使用以下样式来做到这一点：

• 利润
• 垂直对齐
• 线高
• 文本对齐
• 漂浮

... ETC。

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

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

无论如何，给出一个 float:right 和 clear:both 可以解决你的导航对齐问题。
关于像这里这样的垂直对齐，告诉别人你想要什么或尝试做什么会有点令人困惑。首先在 Adob​​e Photoshop 中设计您的主题或网站，然后在此处显示需要的任何地方，这是一个很好的做法。

检查你的jsfiddle。