顶部用户名和和功能按钮的位置问题的几种解决方案
moonflame opened this issue · 1 comments
moonflame commented
微博默认布局：
logo - 搜索框 - 用户名和功能按钮；
weibo_v6 修改 css 后的布局是：
logo - 用户名和功能按钮 - 搜索框，
所以造成用户名和功能按钮不能根据 logo 的尺寸来自动对齐的后果，因此咱就使用户名区域从左边开始固定一些像素的方法……
当 logo 更新节日版，这个对齐方式理所当然就挂了……
几种解决方案：
- 那片区域直接左边缩进 100 多 px，就像我改的那个版本和目前的“节日版”一样，节日 logo 不会重叠，日常 logo 空着就空着吧。
- 那片区域靠右对齐到搜索框，因为搜索框宽度是自己定义的，对齐应该不成问题。
- 恢复成搜索框在左，那片区域靠右的形式，对齐就容易了。
我有闲心就新建个文件夹来存放以上提到的某些修改吧。
- Stylus 也可以使用在扩展栏点开就能调整的设置界面！如果有空的话可以考虑用这种方式来实现切换以上的各种版式以及实现更多功能。
- 以我的理解，纯 CSS 似乎很难实现这样的自动变更位置。所以，我可以去搞个专门针对 weibo_v6 的 JS 脚本，这样应该可以实现动态的靠左对齐，就不用时不时更新什么“节日版”、“日常版”这些东西了。当然除了这个功能以外，还可以根据 weibo_v6 的特色来添加一些功能来调整各种布局。（想了想还得学不少东西还是算了！）
Jarv1s0 commented
最后一句才是精华！