html - 调整模型 Materialize CSS 到内容

Question

有谁知道如何在没有额外填充的情况下将 Modal 调整为它的内容？

请在演示链接 jsfiddle 下面找到

点击

<div class="center-modal">
    <div id="modal1" class="modal">
        <div class="modal-content">
            <div class="card"></div>
            ........
        </div>
    </div>
</div>

演示

标签： htmlcssmaterialize

Answer 1

你可以通过应用这个 CSS 来完成：

.modal.open {
  border-radius: 6px;
}

.modal .modal-content {
  padding: 0;
}

.card {
  .....
  width: 100%;
  margin: 0;
  padding:0;
}

这是一个小提琴