jquery – 将登录表单放在页面右侧

2023年6月12日 311次阅读

这是我的
jsFiddle.尽管我正在应用这条规则

#login {
    float: right;
}

表单将保留在Leaderboard链接旁边.在移动设备中,这不是问题,因为所有内容都将显示在一列fahsion中,但在桌面中我希望徽标位于最左侧位置,文本框和排行榜位于中心位置并且登录到最右边的位置.

我错过了什么？

请注意,对于实际徽标,一切都很好(关于徽标),因此请忽略链接徽标在示例中的丑陋效果.

最佳答案显示flex应用于父元素(ui-block-solo).最好不要同时使用display flex,float alignment和absolute absolute.

如果您选择保持显示弹性,可以使用弹性对齐 – 您可以在此处阅读更多内容https://css-tricks.com/snippets/css/a-guide-to-flexbox/.