登录 注册

如何用 CSS 调整两个列表块之间的间距？

如图：设置背景色后，两个列表块（不是列表项）之间的间距太窄了，怎么用 CSS 代码片段调整呢？

我想要图中段落块 3 和段落块 4 之间那么大的间距。

image.png

  • 思源笔记求助问答

    使用思源笔记过程中遇到问题的话请在这里寻求帮助。

    3923 引用 • 13708 回帖 • 22 关注
  • Q&A

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

    4736 引用 • 21691 回帖 • 361 关注
成都 位置 8 回帖
4
2
177 74 28 9 2 63

相关帖子

被采纳的回答
  • Nofood •
    捐赠者

    段落的边距距

    .protyle-wysiwyg>.p {
	margin: 18px 0px !important; /* 前一个数值为上下边距，后一个为左右边距 。!important用于覆盖任何其他声明 */
}

    列表的边距

    .protyle-wysiwyg>.list {
	margin: 18px 0px !important; /* 前一个数值为上下边距，后一个为左右边距。 !important用于覆盖任何其他声明 */
}
8 回帖
如何用 CSS 调整两个列表块之间的间距？

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • ciwoyipang •
    捐赠者 支持者 订阅者

    你这什么主题什么版本？我看默认的没啥问题

    image.png

    1 回复
  • lzuwujx •
    作者

    这是 rem-craft 主题。

    我求助的不是间距不一致的问题，我是觉得列表块之间的间距太小了，你的截图中的间距也很小，我想要调大一点 😄 。

    1 回复
  • ciwoyipang •
    捐赠者 支持者 订阅者

    这是因为他前面还有一个大的列表块，小的是列表项，你可以回车离开列表块再新建一个就是段落这样。其他的只能改 css 了

    1 回复
  • lzuwujx •
    作者

    嗯，就是觉得两个大的列表块之间的间距太窄了，不知道 CSS 怎么改。

  • Nofood •
    捐赠者

    段落的边距距

    .protyle-wysiwyg>.p {
	margin: 18px 0px !important; /* 前一个数值为上下边距，后一个为左右边距 。!important用于覆盖任何其他声明 */
}

    列表的边距

    .protyle-wysiwyg>.list {
	margin: 18px 0px !important; /* 前一个数值为上下边距，后一个为左右边距。 !important用于覆盖任何其他声明 */
}
    1 回复
  • lzuwujx •
    作者

    太棒了，可以啦！多谢 👍 ！

  • Yylicon •
    订阅者

    你这个是什么主题，段落块圆角是怎么做到的

    1 回复
  • lzuwujx •
    作者

    rem-craft 主题

请输入回帖内容 ...
lzuwujx
成都
回帖
136
 帖子
23
 积分
82

近期热议

推荐标签 标签

  • CAP

    CAP 指的是在一个分布式系统中， Consistency（一致性）、 Availability（可用性）、Partition tolerance（分区容错性），三者不可兼得。

    11 引用 • 5 回帖 • 531 关注
  • 深度学习

    深度学习（Deep Learning）是机器学习的分支，是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。

    37 引用 • 40 回帖
  • Markdown

    Markdown 是一种轻量级标记语言，用户可使用纯文本编辑器来排版文档，最终通过 Markdown 引擎将文档转换为所需格式（比如 HTML、PDF 等）。

    167 引用 • 1408 回帖 • 1 关注
  • GitLab

    GitLab 是利用 Ruby 一个开源的版本管理系统，实现一个自托管的 Git 项目仓库，可通过 Web 界面操作公开或私有项目。

    46 引用 • 72 回帖
  • Redis

    Redis 是一个开源的使用 ANSI C 语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库，并提供多种语言的 API。从 2010 年 3 月 15 日起，Redis 的开发工作由 VMware 主持。从 2013 年 5 月开始，Redis 的开发由 Pivotal 赞助。

    273 引用 • 245 回帖 • 414 关注
  • Bug

    Bug 本意是指臭虫、缺陷、损坏、犯贫、窃听器、小虫等。现在人们把在程序中一些缺陷或问题统称为 bug（漏洞）。

    83 引用 • 1749 回帖
  • Unity

    Unity 是由 Unity Technologies 开发的一个让开发者可以轻松创建诸如 2D、3D 多平台的综合型游戏开发工具，是一个全面整合的专业游戏引擎。

    22 引用 • 7 回帖 • 325 关注
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发，并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例： https://wide.b3log.org

    28 引用 • 209 回帖 • 562 关注
  • 学习

    “梦想从学习开始，事业从实践起步” —— 习近平

    145 引用 • 458 回帖
  • C++

    C++ 是在 C 语言的基础上开发的一种通用编程语言，应用广泛。C++ 支持多种编程范式，面向对象编程、泛型编程和过程化编程。

    102 引用 • 151 回帖 • 149 关注
  • CSS

    CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    176 引用 • 432 回帖
  • Linux

    Linux 是一套免费使用和自由传播的类 Unix 操作系统，是一个基于 POSIX 和 Unix 的多用户、多任务、支持多线程和多 CPU 的操作系统。它能运行主要的 Unix 工具软件、应用程序和网络协议，并支持 32 位和 64 位硬件。Linux 继承了 Unix 以网络为核心的设计思想，是一个性能稳定的多用户网络操作系统。

    888 引用 • 922 回帖
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎，可以结合 MySQL、PostgreSQL 做全文搜索，它可以提供比数据库本身更专业的搜索功能，使得应用程序更容易实现专业化的全文检索。

    1 引用 • 154 关注
  • 导航

    各种网址链接、内容导航。

    27 引用 • 163 回帖
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识，提高团队的工作效率，让用户满意。

    3 引用 • 8 回帖
  • Lute

    Lute 是一款结构化的 Markdown 引擎，支持 Go 和 JavaScript。

    23 引用 • 187 回帖 • 22 关注
  • 负能量

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

    84 引用 • 1161 回帖 • 491 关注
  • Love2D

    Love2D 是一个开源的， 跨平台的 2D 游戏引擎。使用纯 Lua 脚本来进行游戏开发。目前支持的平台有 Windows, Mac OS X, Linux, Android 和 iOS。

    14 引用 • 53 回帖 • 473 关注
  • 架构

    我们平时所说的“架构”主要是指软件架构，这是有关软件整体结构与组件的抽象描述，用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。

    135 引用 • 441 回帖
  • Chrome

    Chrome 又称 Google 浏览器，是一个由谷歌公司开发的网页浏览器。该浏览器是基于其他开源软件所编写，包括 WebKit，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。

    59 引用 • 284 回帖 • 1 关注
  • Quicker

    Quicker 您的指尖工具箱！操作更少，收获更多！

    15 引用 • 66 回帖 • 1 关注
  • Dubbo

    Dubbo 是一个分布式服务框架，致力于提供高性能和透明化的 RPC 远程服务调用方案，是 [阿里巴巴] SOA 服务化治理方案的核心框架，每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持，并被广泛应用于阿里巴巴集团的各成员站点。

    60 引用 • 82 回帖 • 576 关注
  • 安装

    你若安好，便是晴天。

    120 引用 • 1181 回帖
  • Openfire

    Openfire 是开源的、基于可拓展通讯和表示协议 (XMPP)、采用 Java 编程语言开发的实时协作服务器。Openfire 的效率很高，单台服务器可支持上万并发用户。

    6 引用 • 7 回帖 • 59 关注
  • 服务器

    服务器，也称伺服器，是提供计算服务的设备。由于服务器需要响应服务请求，并进行处理，因此一般来说服务器应具备承担服务并且保障服务的能力。

    123 引用 • 579 回帖
  • Scala

    Scala 是一门多范式的编程语言，集成面向对象编程和函数式编程的各种特性。

    13 引用 • 11 回帖 • 58 关注
  • CentOS

    CentOS（Community Enterprise Operating System）是 Linux 发行版之一，它是来自于 Red Hat Enterprise Linux 依照开放源代码规定释出的源代码所编译而成。由于出自同样的源代码，因此有些要求高度稳定的服务器以 CentOS 替代商业版的 Red Hat Enterprise Linux 使用。两者的不同在于 CentOS 并不包含封闭源代码软件。

    241 引用 • 224 回帖 • 166 关注

最新标签