知乎增强

屏蔽指定类别(视频、盐选、文章、想法、关注[赞同了XX/关注了XX]等等)、屏蔽用户、屏蔽关键词、默认收起回答、快捷收起回答/评论(左键两侧)、快捷回到顶部(右键两侧)、区分问题文章、移除高亮链接、净化搜索热门、净化标题消息、展开问题描述、显示问题作者、默认高清原图(无水印)、置顶显示时间、完整问题时间、直达问题按钮、默认站外直链...

< Feedback on 知乎增强

Review: Good - script works

§
Posted: 16.8.2021

一个显示上的小问题,该按钮应该是一个整体。

另,下面这种情况,箭头指向错误的位置。个人感觉这里并不需要小箭头,一方面是使按钮显得过大,二是按钮作用非常明确无须指向,大可直接去掉。

[问题] 我是标题我是标题我是标题 (换行)
←直达问题
X.I.UAuthor
§
Posted: 16.8.2021
Edited: 16.8.2021

只要给按钮添加一个 display: inline-block; CSS 样式,他就会变成一个整体自动换行,但这样的话,就无法完美对齐标题高度了,在不同页面下看起来差别很大(比如搜索页下)。
我需要想想办法去解决这个问题(主要是我的 CSS 水平太差啦)。

X.I.UAuthor
§
Posted: 16.8.2021

更新了,你试试看吧。

除了优化样式外,我还加了个小功能,那就是替换问题标题末尾的英文问好 ? 为中文问好
因为我发现中文问好 后面的空白刚刚好,而英文问好后面因为没有空白,会导致 [直达问题] 按钮紧贴着问题,不管是单独看,还是两者对比都很别扭。

我原来的处理方法是在按钮左边加个 2px 的边距,但还是会因为不同问好后面的空白差异(中文问好 后面的空白会更长),而导致文字末尾距离按钮视觉上长短不一。
所以我干脆统一替换为中文问好 ,这样完全一致,强迫症舒服了~

§
Posted: 16.8.2021
Edited: 16.8.2021

个人感觉垂直关系还是有一点点问题,不太舒服。如果能做到像 flex 布局那样真正意义上的垂直居中,那肯定是最好的,但这种复杂的混排似乎没用 flex 搞。

X.I.UAuthor
§
Posted: 16.8.2021

这你是别指望了,完美居中对齐是几乎不可能的(对于我来说)~

如果你懂 CSS 可以帮助我优化样式~

§
Posted: 16.8.2021

这样可能会好一点,但效果也不太完美。

/* 把 small 移出去与链接并列 */
[itemprop="zhihu:question"] > * {
  vertical-align: middle;
}
§
Posted: 16.8.2021

其实还可以用 margin-bottom 针对三个元素分别加像素来微调,用肉眼遍历出个最佳的对齐效果来,就是 CSS 里会出现一些莫名其妙的数字啦

X.I.UAuthor
§
Posted: 16.8.2021

总之,等我有空的时候慢慢研究叭~

§
Posted: 16.8.2021

其实不用搞得多完美,只是现在左边偏低右边偏高,一眼扫过去都觉得特别明显😓

X.I.UAuthor
§
Posted: 16.8.2021
Edited: 16.8.2021

你看这样行么?

§
Posted: 16.8.2021

完美!

X.I.UAuthor
§
Posted: 16.8.2021

已更新。

搜索页的标题样式不太一样,我又对齐了一遍,耗费眼。。。
总之两个元素是完全像素级对齐~

§
Posted: 16.8.2021

辛苦了!

Post reply

Sign in to post a reply.