登录 注册

编辑区宽度

image.png

image.png

编辑器宽度调到 100

感觉还是不能满足 o(￣︶￣)o 呀，还想再宽一些

我的想法是

把跳转到最上边或者最下边的这一栏，给去掉

看能否再增加，编辑器宽度

利用 css 代码可以实现嘛

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

    融合块、大纲和双向链接，重构你的思维。

    26400 引用 • 109785 回帖 • 2 关注
  • Q&A

    提问之前请先看《提问的智慧》，好的问题比好的答案更有价值。

    10160 引用 • 46160 回帖 • 63 关注
4 回帖
2
165 52 4 23 86

相关帖子

被采纳的回答
  • wilsons • • 1
    付费者 捐赠者

    单独去掉右侧跳转导航没作用的，因为它本来就不占空间，只是你的视觉效果而已。

    #layouts div.layout__center .protyle div.protyle-content div.protyle-wysiwyg{
    width: 100%!important; /* 编辑器宽度 */
    margin:0 auto; /* 保持编辑器居中 */
    padding-left:15px!important; /* 编辑器左侧空白 */
    padding-right:0px!important; /* 编辑器右侧空白 */
    .av{font-size: 16px;} /* 保持数据库字体不变化 */
    .protyle-scroll{display:none;} /* 右侧跳转导航 */
}
​

    不过，这个写死，你宽度调整插件就不能用了，不用这么多选择器，则根本没有你的插件优先级高又不起作用。

    所以，还是建议用我的临时调整宽度代码片段吧，把.protyle-scroll{display:none;} 样式加上去，把 padding-left 调小些，padding-right 调成 0，即可。

    [js] 全屏和宽屏

4 回帖
编辑区宽度

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册 关于
请输入回帖内容 ...
  • JeffreyChen • • 1
    付费者 支持者 捐赠者

    把跳转到最上边或者最下边的这一栏，给去掉

    .protyle-scroll { display: none; }
​
  • suxiang999 •
    付费者 作者

    通过代码，去掉了那一栏

    but，编辑器宽度并没有增加

    右边还是有空缺

  • suxiang999 •
    付费者 作者

    image.png

    应该是和那一栏没有关系，去掉不去掉影响不了编辑器宽度

    就挺不协调的吧

    左边没什么空的位置了 ，右边还有点空的位置

  • wilsons • • 1
    付费者 捐赠者

    单独去掉右侧跳转导航没作用的，因为它本来就不占空间，只是你的视觉效果而已。

    #layouts div.layout__center .protyle div.protyle-content div.protyle-wysiwyg{
    width: 100%!important; /* 编辑器宽度 */
    margin:0 auto; /* 保持编辑器居中 */
    padding-left:15px!important; /* 编辑器左侧空白 */
    padding-right:0px!important; /* 编辑器右侧空白 */
    .av{font-size: 16px;} /* 保持数据库字体不变化 */
    .protyle-scroll{display:none;} /* 右侧跳转导航 */
}
​

    不过，这个写死，你宽度调整插件就不能用了，不用这么多选择器，则根本没有你的插件优先级高又不起作用。

    所以，还是建议用我的临时调整宽度代码片段吧，把.protyle-scroll{display:none;} 样式加上去，把 padding-left 调小些，padding-right 调成 0，即可。

    [js] 全屏和宽屏

suxiang999
回帖
71
 帖子
18
 积分
633

近期热议

推荐标签 标签

  • 京东

    京东是中国最大的自营式电商企业，2015 年第一季度在中国自营式 B2C 电商市场的占有率为 56.3%。2014 年 5 月，京东在美国纳斯达克证券交易所正式挂牌上市（股票代码：JD），是中国第一个成功赴美上市的大型综合型电商平台，与腾讯、百度等中国互联网巨头共同跻身全球前十大互联网公司排行榜。

    14 引用 • 102 回帖 • 313 关注
  • 小薇

    小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务，可以用于社群互动。

    由于 Smart QQ 从 2019 年 1 月 1 日起停止服务，所以该项目也已经停止维护了！

    35 引用 • 468 回帖 • 762 关注
  • 反馈

    Communication channel for makers and users.

    120 引用 • 906 回帖 • 281 关注
  • 锤子科技

    锤子科技（Smartisan）成立于 2012 年 5 月，是一家制造移动互联网终端设备的公司，公司的使命是用完美主义的工匠精神，打造用户体验一流的数码消费类产品（智能手机为主），改善人们的生活质量。

    4 引用 • 31 回帖 • 1 关注
  • FreeMarker

    FreeMarker 是一款好用且功能强大的 Java 模版引擎。

    23 引用 • 20 回帖 • 469 关注
  • SEO

    发布对别人有帮助的原创内容是最好的 SEO 方式。

    36 引用 • 200 回帖 • 39 关注
  • RESTful

    一种软件架构设计风格而不是标准，提供了一组设计原则和约束条件，主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁，更有层次，更易于实现缓存等机制。

    30 引用 • 114 回帖 • 8 关注
  • TGIF

    Thank God It's Friday! 感谢老天，总算到星期五啦！

    291 引用 • 4495 回帖 • 663 关注
  • 心情

    心是产生任何想法的源泉，心本体会陷入到对自己本体不能理解的状态中，因为心能产生任何想法，不能分出对错，不能分出自己。

    59 引用 • 369 回帖
  • OpenCV
    15 引用 • 36 回帖 • 2 关注
  • 周末

    星期六到星期天晚，实行五天工作制后，指每周的最后两天。再过几年可能就是三天了。

    14 引用 • 297 回帖 • 2 关注
  • 印象笔记
    3 引用 • 16 回帖
  • 创造

    你创造的作品可能会帮助到很多人，如果是开源项目的话就更赞了！

    186 引用 • 1021 回帖 • 1 关注
  • 开源

    Open Source, Open Mind, Open Sight, Open Future!

    415 引用 • 3598 回帖 • 1 关注
  • 负能量

    上帝为你关上了一扇门，然后就去睡觉了....努力不一定能成功，但不努力一定很轻松 (° ー °〃)

    89 引用 • 1251 回帖 • 391 关注
  • danl
    • 179 关注
  • Angular

    Angular 是 AngularJS 的新版本。

    26 引用 • 66 回帖 • 563 关注
  • 叶归
    13 引用 • 59 回帖 • 22 关注
  • PWL

    组织简介

    用爱发电 (Programming With Love) 是一个以开源精神为核心的民间开源爱好者技术组织，“用爱发电”象征开源与贡献精神，加入组织，代表你将遵守组织的“个人开源爱好者”的各项条款。申请加入：用爱发电组织邀请帖。
    用爱发电组织官网：https://programmingwithlove.stackoverflow.wiki/

    用爱发电组织的核心驱动力：

    • 遵守开源守则，体现开源&贡献精神：以分享为目的，拒绝非法牟利。
    • 自我保护：使用适当的 License 保护自己的原创作品。
    • 尊重他人：不以各种理由、各种漏洞进行未经允许的抄袭、散播、洩露；以礼相待，尊重所有对社区做出贡献的开发者；通过他人的分享习得知识，要留下足迹，表示感谢。
    • 热爱编程、热爱学习：加入组织，热爱编程是首当其要的。我们欢迎热爱讨论、分享、提问的朋友，也同样欢迎默默成就的朋友。
    • 倾听：正确并恳切对待、处理问题与建议，及时修复开源项目的 Bug ，及时与反馈者沟通。不抬杠、不无视、不辱骂。
    • 平视：不诋毁、轻视、嘲讽其他开发者，主动提出建议、施以帮助，以和谐为本。只要他人肯努力，你也可能会被昔日小看的人所超越，所以请保持谦虚。
    • 乐观且活跃：你的努力决定了你的高度。不要放弃，多年后回头俯瞰，才会发现自己已经成就往日所仰望的水平。积极地将项目开源，帮助他人学习、改进，自己也会获得相应的提升、成就与成就感。
    1 引用 • 487 回帖 • 2 关注
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具，主要功能包括：位置相关的内容递送；用户认证和授权；集中式网络监控。

    1 引用 • 7 回帖 • 615 关注
  • Q&A

    提问之前请先看《提问的智慧》，好的问题比好的答案更有价值。

    10160 引用 • 46160 回帖 • 63 关注
  • AngularJS

    AngularJS 诞生于 2009 年，由 Misko Hevery 等人创建，后为 Google 所收购。是一款优秀的前端 JS 框架，已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 520 关注
  • LeetCode

    LeetCode（力扣）是一个全球极客挚爱的高质量技术成长平台，想要学习和提升专业能力从这里开始，充足技术干货等你来啃，轻松拿下 Dream Offer！

    209 引用 • 72 回帖 • 1 关注
  • ZeroNet

    ZeroNet 是一个基于比特币加密技术和 BT 网络技术的去中心化的、开放开源的网络和交流系统。

    1 引用 • 21 回帖 • 650 关注
  • Flutter

    Flutter 是谷歌的移动 UI 框架，可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作，它正在被越来越多的开发者和组织使用，并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖 • 12 关注
  • 服务

    提供一个服务绝不仅仅是简单的把硬件和软件累加在一起，它包括了服务的可靠性、服务的标准化、以及对服务的监控、维护、技术支持等。

    41 引用 • 24 回帖
  • IDEA

    IDEA 全称 IntelliJ IDEA，是一款 Java 语言开发的集成环境，在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品，这家公司总部位于捷克共和国的首都布拉格，开发人员以严谨著称的东欧程序员为主。

    181 引用 • 400 回帖

最新标签