Как исправить ширину набора полей - PullRequest
Новая
       6

Как исправить ширину набора полей

0 голосов
/ 26 июня 2018

У меня есть fieldset с тегом <a> как дочерний. Когда я изменяю размер дочернего элемента, ширина набора полей также изменяется, даже если я устанавливаю свойство ширины. Однако высота не меняется. Я хотел бы знать, как установить фиксированную ширину. 

fieldset {
        float: right;
        margin-top: 40px;
        display: inline-block;
        vertical-align: top;
        height: 80px;
        width: 70px;
        text-align: center;
        overflow: hidden;
        border: 1px solid rgb(226, 226, 226);
        box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px 0px, rgba(0, 0, 0, 0.15) 0px 4px 15px 0px;
}


a {
      background-color: red;
      border-color: rgb(212, 214, 216);
      border-width: 20px;
      box-shadow: rgb(212, 214, 216) 0.5px 0.5px 1px 0px;
      width: 50px;
}

.fa {
    padding: 5px;
    font-size: 15px;
    text-decoration: none;
    text-align: center;
    margin-left: 2px;
    transition: 0.3s;
    background: white;
    color: #303030;
    border: 10px solid red;
    border-radius: 5px;
    box-shadow: 0.5px 0.5px 0.5px 0px #d4d6d8;
}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<fieldset>
    <legend>Preview</legend>
    <a class="Preview"></a>	
</fieldset>

1 Ответ

0 голосов
/ 16 июля 2018

Я нашел решение.

По сути, я помещаю <a> в <div> и даю <div> высоту и ширину, которые совпадают с набором полей, тогда размер набора полей не увеличивается, если я изменяю размер чего бы то ни было в <div>

...