屏蔽指定类别(视频、盐选、文章、想法、关注[赞同了XX/关注了XX]等等)、屏蔽用户、屏蔽关键词、默认收起回答、快捷收起回答/评论(左键两侧)、快捷回到顶部(右键两侧)、区分问题文章、移除高亮链接、净化搜索热门、净化标题消息、展开问题描述、显示问题作者、默认高清原图(无水印)、置顶显示时间、完整问题时间、直达问题按钮、默认站外直链...
只要给按钮添加一个 display: inline-block;
CSS 样式,他就会变成一个整体自动换行,但这样的话,就无法完美对齐标题高度了,在不同页面下看起来差别很大(比如搜索页下)。
我需要想想办法去解决这个问题(主要是我的 CSS 水平太差啦)。
更新了,你试试看吧。
除了优化样式外,我还加了个小功能,那就是替换问题标题末尾的英文问好 ?
为中文问好 ?
因为我发现中文问好 ?
后面的空白刚刚好,而英文问好后面因为没有空白,会导致 [直达问题] 按钮紧贴着问题,不管是单独看,还是两者对比都很别扭。
我原来的处理方法是在按钮左边加个 2px 的边距,但还是会因为不同问好后面的空白差异(中文问好 ?
后面的空白会更长),而导致文字末尾距离按钮视觉上长短不一。
所以我干脆统一替换为中文问好 ?
,这样完全一致,强迫症舒服了~
这你是别指望了,完美居中对齐是几乎不可能的(对于我来说)~
如果你懂 CSS 可以帮助我优化样式~
其实还可以用 margin-bottom 针对三个元素分别加像素来微调,用肉眼遍历出个最佳的对齐效果来,就是 CSS 里会出现一些莫名其妙的数字啦
总之,等我有空的时候慢慢研究叭~
完美!
已更新。
搜索页的标题样式不太一样,我又对齐了一遍,耗费眼。。。
总之两个元素是完全像素级对齐~
辛苦了!
一个显示上的小问题,该按钮应该是一个整体。
另,下面这种情况,箭头指向错误的位置。个人感觉这里并不需要小箭头,一方面是使按钮显得过大,二是按钮作用非常明确无须指向,大可直接去掉。