Вопросы Теги

Как убрать вертикальный интервал между полями формы?

Создайте хранимую процедуру с поисковым оповещением и передайте свой фильтр поиска и запишите дату в несколько тысяч. Или вы можете IQueryable, чтобы это вызвало запрос на основе вашего фильтра и извлечет данные. «Это комментарий, а не ответ».

0
задан TylerH 19 January 2019 в 18:13
поделиться

2 ответа

Вы можете настроить вход для отображения: блок; Еще лучше будет div вокруг ввода.

0
ответ дан MaZoli 19 January 2019 в 18:13
поделиться

Я действительно смог воспроизвести вашу проблему в Firefox (Chrome не демонстрировал ту же проблему). Похоже, это происходило только на некоторых типах шрифтов и только когда входной контейнер был установлен для отображения блока. Одним из способов решения этой проблемы было настроить отображение входного контейнера: flex и flex-direction для столбца. Смотрите мой фрагмент ниже, демонстрирующий вышесказанное. 

.testsection2{
    display: block;
    background-color: greenyellow;
}
.testsection3{
    display: flex;
    flex-direction: column;
     background-color: aqua;
}

.testsection2>input{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.testsection3>input{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
section{
    margin-top: 20px;
    border: solid 2px black;
  
}
<section class="testsection2">
        <h3>Container: Display Block</h3>
       <p>Notice the margin variance (although slight) between inputs when they start stacking. Confirmed in firefox, not chrome though. </p>
        <input type="text" class="testinput" value="Some Text">
        <input type="text" class="testinput" value="Some Text">
        <input type="text" class="testinput" value="Some Text">
        <input type="text" class="testinput" value="Some Text">
        <input type="text" class="testinput" value="Some Text">
        <input type="text" class="testinput" value="Some Text">
        <input type="text" class="testinput" value="Some Text">
        <input type="text" class="testinput" value="Some Text">
        <input type="text" class="testinput" value="Some Text">
        <input type="text" class="testinput" value="Some Text">
        <input type="text" class="testinput" value="Some Text">
        <input type="text" class="testinput" value="Some Text">
        <input type="text" class="testinput" value="Some Text">
        <input type="text" class="testinput" value="Some Text">
        <input type="text" class="testinput" value="Some Text">
        <input type="text" class="testinput" value="Some Text">
    </section>

    <section class="testsection3">
        <h3>Container: Display Flex, Direction Column</h3>
        <input type="text" class="testinput" value="Some Text">
        <input type="text" class="testinput" value="Some Text">
        <input type="text" class="testinput" value="Some Text">
        <input type="text" class="testinput" value="Some Text">
        <input type="text" class="testinput" value="Some Text">
    </section>

0
ответ дан skaz 19 January 2019 в 18:13
поделиться