是否有减少句子间距的方法?

问题描述 投票:0回答:1

我正在使用物化CSS设计网站。我目前正在执行弹出模式,但间距似乎存在一些问题,因为句子之间的距离太远了:enter image description here我希望它看起来像这样:enter image description here我完全遵循了Materialise的文档code,并且我应该看到一个普通的段落,其中句子之间的间隔不大。我不太确定问题出在哪里。这是我的模态代码:

          <div id="login-modal" class="modal black-text center">
            <div class="modal-content">
              <h4>Welcome Back.</h4>
              <p>
                Lorem Ipsum is simply dummy text of the printing and typesetting
                industry. Lorem Ipsum has been the industry's standard dummy
                text ever since the 1500s, when an unknown printer took a galley
                of type and scrambled it to make a type specimen book. It has
                survived not only five centuries, but also the leap into
                electronic typesetting, remaining essentially unchanged. It was
                popularised in the 1960s with the release of Letraset sheets
                containing Lorem Ipsum passages, and more recently with desktop
                publishing software like Aldus PageMaker including versions of
                Lorem Ipsum.
              </p>
            </div>
            <div class="modal-footer">
              <a href="#!" class="modal-close waves-effect waves-green btn-flat"
                >Agree</a
              >
            </div>
          </div>
materialize
1个回答
1
投票

之所以这样,是因为您给line-height标签赋予了更多<p>。保持line-height: 1.5<p>年龄,默认为Materialize CSS给定。

© www.soinside.com 2019 - 2024. All rights reserved.