Html 根据内容调整模型具体化CSS

有人知道如何在没有额外填充的情况下调整模态以适应其内容吗

请在下面找到演示链接JSFIDLE

点击

........

---

您可以通过应用此CSS获得完整的内容：

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

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

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

这是一个

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

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

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