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

时间:2013-02-24 05:22:08

标签: html css stylesheet

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

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

    width: 1352px;

或:

    float: right;

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

2 个答案:

答案 0 :(得分:0)

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

将其更改为

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

在你的CSS中

答案 1 :(得分:0)

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

  1. 左对齐?
  2. 居中对齐?
  3. 你应该清楚:)

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

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

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

    ...等

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

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

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

    检查你的jsfiddle。