如何在元素中包括填充以使高度和宽度相同?

时间:2018-10-17 06:50:30

标签: css

如何在元素中包括填充以使高度和宽度相同?

2 个答案:

答案 0 :(得分:0)

我不确定您的意思,但是您可以将height和widht设置为零,然后添加一些填充:

#elem{
   height: 0;
   width: 0;
   padding: 10px;
};

类似的东西。

答案 1 :(得分:0)

您需要将此属性添加到元素中:

<div class="modal fade" id="registerModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <form id="registerForm" method="POST">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Registrazione</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                    <div class="form-group">
                        <label for="email">Email</label>
                        <input type="email" class="form-control" id="email" name="email" aria-describedby="emailHelp" placeholder="Indirizzo email">
                        <small id="emailHelp" class="form-text text-muted">Verrà utilizzato solo per inviare la conferma prenotazione.</small>
                    </div>
                    <div class="form-group">
                        <label for="cell">Cellulare</label>
                        <input type="tel" class="form-control" id="cell" name="cell" aria-describedby="cellHelp" placeholder="Num. Cellulare">
                        <small id="emailHelp" class="form-text text-muted">Verrà utilizzato solo per comunicazioni inerenti l'evento.</small>
                    </div>
                    <div class="form-group" id="group_maxPax">
                        <label for="numPax">Num. Partecipanti</label>
                        <input type="text" class="form-control" id="numPax" name="numPax" aria-describedby="paxHelp" placeholder="Partecipanti">
                        <small id="paxHelp" class="form-text text-muted"></small>
                    </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Chiudi</button>
                <button type="submit" class="btn btn-success" name="submitButton" id="saveRegister">Completa registrazione
                    <i class="fas fa-user-check"></i></button>
            </div>
        </div>
    </div>
  </form>
</div>

这就是您要搜索的内容?