eagle5678
千年狐狸
千年狐狸
  • UID4956
  • 注册日期2005-04-10
  • 最后登录2023-04-02
  • 发帖数1247
  • 经验204枚
  • 威望0点
  • 贡献值120点
  • 好评度3点
阅读:1533回复:9

语雀yuque.com下的两端对齐问题

楼主#
更多 发布于:2020-09-11 14:53
设置2端对齐后

firefox还是参齿不齐
chrome完好,如图所示


css能解决不,谢谢
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
  • 社区居民
  • 忠实会员
1楼#
发布于:2020-09-11 17:11
窗口宽度大小导致的排版差异问题。你调整一下窗口宽度看看。
eagle5678
千年狐狸
千年狐狸
  • UID4956
  • 注册日期2005-04-10
  • 最后登录2023-04-02
  • 发帖数1247
  • 经验204枚
  • 威望0点
  • 贡献值120点
  • 好评度3点
2楼#
发布于:2020-09-11 23:11
那边明显没有2端对齐啊,
2端对齐跟宽度有关系?
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
  • 社区居民
  • 忠实会员
3楼#
发布于:2020-09-12 00:43
eagle5678:那边明显没有2端对齐啊,
2端对齐跟宽度有关系?
回到原帖

是的,通过调整宽度达到的效果,上面是 Chrome 下面是 Firefox。


自定义 CSS 也可以,强制对齐一下。
@-moz-document domain("www.yuque.com") {
.lake-engine-view{
    text-align: justify;
    white-space: unset !important;
}
}

或者 uBlock 规则。
www.yuque.com##.lake-engine-view:style(text-align: justify; white-space: unset !important)
eagle5678
千年狐狸
千年狐狸
  • UID4956
  • 注册日期2005-04-10
  • 最后登录2023-04-02
  • 发帖数1247
  • 经验204枚
  • 威望0点
  • 贡献值120点
  • 好评度3点
4楼#
发布于:2020-09-12 15:53
谢谢,搞定
eagle5678
千年狐狸
千年狐狸
  • UID4956
  • 注册日期2005-04-10
  • 最后登录2023-04-02
  • 发帖数1247
  • 经验204枚
  • 威望0点
  • 贡献值120点
  • 好评度3点
5楼#
发布于:2020-09-17 10:03
奇怪,在https://www.neat-reader.cn上又碰到这种情况。

请教.lake-engine-view是怎查的,我用f12没看到

@lonely_8
帮搞定,谢谢
www.neat-reader.cn的css
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
  • 社区居民
  • 忠实会员
6楼#
发布于:2020-09-18 00:26
eagle5678:奇怪,在https://www.neat-reader.cn上又碰到这种情况。

请教.lake-engine-view是怎查的,我用f12没看到

@lonely_8
帮搞定,谢谢
www.neat-reader.cn的css
回到原帖
这个网站没账号帮不了你。
参考主贴的网站,其实就是要对齐段落的父元素。
eagle5678
千年狐狸
千年狐狸
  • UID4956
  • 注册日期2005-04-10
  • 最后登录2023-04-02
  • 发帖数1247
  • 经验204枚
  • 威望0点
  • 贡献值120点
  • 好评度3点
7楼#
发布于:2020-09-18 11:33
用了这2个都没效果……
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
  • 社区居民
  • 忠实会员
8楼#
发布于:2020-09-18 19:28
eagle5678:用了这2个都没效果……回到原帖
刚去测试免费试用版。
发现 css 解决不了,需要 js。
只要删除了 html 元素的 lang="en" 就能解决了,
FF 下会根据指定语言影响关于文字的很多排版效果, Chrome 下则基本会忽略这个属性。

你可以使用 uBlock 规则解决
www.neat-reader.cn##+js(ra, lang, html)
eagle5678
千年狐狸
千年狐狸
  • UID4956
  • 注册日期2005-04-10
  • 最后登录2023-04-02
  • 发帖数1247
  • 经验204枚
  • 威望0点
  • 贡献值120点
  • 好评度3点
9楼#
发布于:2020-09-19 08:10
谢谢,学习了。

原来是firefox更好,碰到这个问题,还以为chrome排版好
游客

返回顶部