使用 Materialise CSS 实现行间距

2024-02-24

使用 MaterializeCSS,如何调整/删除行之间的垂直间距?

示例代码:

<div class="row">
  <div class="col s12" style="text-align: center;">
    foobar
  </div>
</div>
<div class="row">
  <div class="col s12" style="text-align: center;">
    12345
  </div>
</div>

我想到了。把每一个col在一个单一的row将消除垂直间距。

<div class="row">
  <div class="col s12" style="text-align: center;">
    foobar
  </div>
  <div class="col s12" style="text-align: center;">
    12345
  </div>
</div>

这很令人困惑,但它确实有效。从概念上讲,我认为“行”就像一个表行,强制其中的所有内容都位于一行上,无论大小如何,但这确实有效,因为每个col has s12(全宽)尺寸。希望这个答案对其他人有帮助。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 Materialise CSS 实现行间距 的相关文章

随机推荐

  • Rails 这个查询是否对 sql 注入开放?

    我仍在学习如何使用 ActiveRecord 编写良好的查询 我很好奇这个查询是否会受到 sql 注入的影响 因为我在查询中使用日期字段的方式 有人可以指出任何明显的错误或任何更好的方法来编写这个查询吗 arrangements for m
  • MEAN.js 社交共享?

    因此 我使用 MEAN js 构建了一个应用程序 并对文章 博客 部分进行了一些更新 以实现更好的 SEO 可读性 设计等 不过 我似乎无法弄清楚的一个问题是如何共享使用 Facebook Google Twitter 等的文章 并让它们使
  • (#5) Heroku Rails APP 上出现未经授权的源 IP 地址错误

    当有人尝试通过 Facebook 登录时 我的 Heroku 应用程序 FoR 开始抛出此错误 5 Unauthorized source IP address 发生这种情况是因为我的 Heroku 机器 与其他应用程序共享 的 IP 地址
  • Silverlight 4.0 + MVC 2.0 + WCF RIA 服务 + EF 4.0 = 加载错误

    我正在尝试建立一个具有以下内容的网站 VS 2010 用于更新的 WCF RIA 服务 Silverlight 4 0 与 WCF RIA 服务打包在一起 MVC 2 EF 4 0 我将其设置为面向公众的页面将是来自 MVC 的 html
  • 配置 Microsoft Azure Web App 的远程 IIS 管理后找不到 Microsoft.Web.Configuration.AppHostFileProvider

    几个月前 我可以成功地为我的 Azure Web 应用程序配置远程 IIS 管理 更换办公室后 我发现在新计算机上配置远程 IIS 管理后 当我尝试单击我的网站时遇到以下错误 我使用 Internet 信息服务 版本 10 0 16299
  • 写入终端和文件 C++

    我发现这个问题适用于 Python Java Linux 脚本 但不适用于 C 我想将 C 程序的所有输出写入终端和输出文件 使用这样的东西 int main freopen myfile txt w stdout cout lt lt L
  • 如何在 HTML 中的 Image-Click 上播放声音?

    当我单击或将鼠标悬停在播放按钮上时 我尝试播放声音吗 这是我到目前为止所拥有的 我有一个按钮 如果我将鼠标悬停在它上面 它会更改图像 现在我还希望它播放 mp3 play a position relative float left wid
  • 请求遵循重定向而不发送数据

    我在用着请求 js https github com request request用于 Node js 中的 http 请求 request method POST uri http www example com getData fol
  • 通过 Kotlin Coroutine Flow 压缩网络请求

    我有一个通过 RxJava 压缩两个网络请求的代码 Single zip repository requestDate repository requestTime date time gt Result date time 代表着repo
  • 如何在 systemd 控制组之外启动进程

    我有一个服务器进程 从 systemd 启动 可以启动更新进程 更新过程自行守护进程 然后 理论上 使用 SIGTERM 终止服务器 我的问题是 SIGTERM 传播到更新过程这是孩子们 出于调试目的 更新进程只是休眠 然后我手动发送终止命
  • 在 Python 中根据不安全的用户输入评估数学方程

    我有一个网站 用户在其中输入数学方程 表达式 然后根据网站提供的数据 常数 评估这些方程 需要的数学运算包括符号 算术运算 min max 以及其他一些基本功能 示例方程可以是 max a b 100 a b 200 人们可以简单地eval
  • 如何从 Python 创建 Gephi 网络图?

    我刚刚了解到 GephiStreamer https pypi python org pypi GephiStreamer https pypi python org pypi GephiStreamer 使用这个包 我们可以从 pytho
  • 在 ios9 上的 uiwebview 中显示 pdf 有时滚动会卡住

    我正在开发一个用 swift xcode7 编写的 ios 应用程序 一个视图有一个UIWebView on it using loadRequest NSURLRequest 我们从磁盘加载一个 pdf 文件 这工作正常 但有时 pdf
  • 如何在没有用户密码的情况下获取 Alfresco 登录票证,但使用用户主体名称 (UPN) 模拟用户

    我正在编写一个 DLL 它具有无需使用用户密码 仅使用用户主体名称 UPN 即可获取 Alfresco 登录票证的功能 我正在调用露天 REST API 服务 wc服务 我在 Alfresco 中使用 NTLM 我冒充用户使用Windows
  • Python:-u 选项的意义?

    我注意到在一些 python 代码中 u 用于启动 python 解释器 我查看了 python 的手册页 但没有从中得到太多信息 请给我一些例子 From python help u unbuffered binary stdout an
  • 如何使用 NetBeans 6.8 UML 模块创建类图?

    在我看来 NetBeans 的 UML 模块隐藏得有点太多了 在 NetBeans 6 5 中 创建 UML 图非常容易 无需安装插件或其他东西 喜欢 读my post http karussell wordpress com 2010 0
  • Angular 2材质无法加载样式

    我开始使用 Angular Material 库作为界面在 Angular 中开发一个 Web 应用程序 但我在尝试导入预建主题时遇到错误 为了导入它 我添加了 to my index html文件但是当我运行时ng serve我无法获取该
  • 通过 launchd 在关机时运行 Shell 脚本

    由于启动项和rc在 OS X 上 这两个命令均已弃用 并且在许多情况下根本不起作用 取而代之的是launchd 我想知道设置在注销 关闭时运行的 shell 脚本的正确方法是什么 对于启动项 可以创建一个类似于以下内容的 shell 脚本
  • 在一个 Activity 类中使​​用两个 setContentView

    我有以下代码 其中 MyClass 基本上扩展了 View 我想知道我是否需要同时使用两者setContentView R layout activity mainlcass app and setContentView myDrawing
  • 使用 Materialise CSS 实现行间距

    使用 MaterializeCSS 如何调整 删除行之间的垂直间距 示例代码 div class row div class col s12 style text align center foobar div div div class