В Html Как мне вертикально выровнять метку, действующую как кнопку, с кнопкой, чтобы правильно выровнять

Как выровнять элемент метки по вертикали с помощью кнопки.

Я использую этот прием, чтобы кнопка файла выглядела как обычные кнопки начальной загрузки.

Кнопка загрузки элемента файла формы начальной загрузки Twitter

Проблема в том, что кнопка больше не выровнена по вертикали должным образом с обычными кнопками. (Если я заменю элемент метки обычным элементом кнопки, он выглядит правильно, но, конечно, не работает.

<div style = "padding:0.25em">
    <button type = "button" title = "Select All" name = "select_all" class = "btn btn-outline-secondary" onclick = "selectAll(&#x27;ARTWORK_TABLE&#x27;);">
        Select All
    </button>
    <button type = "button" title = "UnSelect All" name = "select_all" class = "btn btn-outline-secondary" onclick = "unselectAll(&#x27;ARTWORK_TABLE&#x27;);">
        UnSelect All
    </button>
    <label class = "btn btn-outline-secondary">
        Browse
        <input type = "file" id = "fileupload" accept = "image/*" onchange = "uploadImageFile(this.files);" style = "display:none">
    </label>
</div>

css html bootstrap-4

21.05.2018 12:32

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

CSS: FlexBox

Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Использование класс полезности маржи (mt-2) вроде работает ..

<div class = "container">
    <div style = "padding:0.25em">
        <button type = "button" title = "Select All" name = "select_all" class = "btn btn-outline-secondary" onclick = "selectAll('ARTWORK_TABLE');">
            Select All
        </button>
        <button type = "button" title = "UnSelect All" name = "select_all" class = "btn btn-outline-secondary" onclick = "unselectAll('ARTWORK_TABLE');">
            UnSelect All
        </button>
        <label class = "btn btn-outline-secondary mt-2">
            Browse
            <input type = "file" id = "fileupload" accept = "image/*" onchange = "uploadImageFile(this.files);" style = "display:none">
        </label>
    </div>
</div>

https://www.codeply.com/go/kFHG1BDI1E

21.05.2018 12:41

Другие вопросы по теме

Как ограничить пустое пространство в поле ввода?

Отправка значений из ESP8266 на веб-страницу в реальном времени

Datatables в Laravel

Typescript + Html: как принудительно ввести верхний регистр в поле ввода

Композитные продукты Woo-commerce в одной строке?

Как отображать формулы, написанные в LaTeX, через MathJax после того, как страница готова

Angular 5 - получать запросы POST

Emscripten - как использовать мой make-файл с emcc вместо gcc?

Как разместить на сайте стрелки управления?

Ошибка типа: не удается прочесть свойство length, равное null

В Html Как мне вертикально выровнять метку, действующую как кнопку, с кнопкой, чтобы правильно выровнять

Ответы 1

Другие вопросы по теме

Похожие вопросы