центрирование формы ввода файла - html / bootstrap / angular

Question

центрирование формы ввода файла - html / bootstrap / angular

0

Я создал файл с директивой "Угловая", и по какой-то причине кажется очень тяжелым:

Это мой HTML, спасибо за любое понимание.

<form class=".form-control">
    <center style="border: blue">
        <input class=".form-control" type="file" file-input="files" multiple>
    </center>
    <br>
    <br>
    <button class=".form-group" ng-click="upload('/upload')">Upload</button>
    <button class=".form-group" ng-click="upload('/upload/save')">
        Save New Profile Picture
    </button>
    <li ng-repeat="file in files">{{file.name}}
        <img ng-src="{{imageData}}" style="max-height: 200px; max-width: 200px">
    </li>
</form>

devdropper87 09 нояб. 2015, в 09:35

Источник

1

Удалить '.' для класса. Должно быть так: class="form-control"
Raviteja 09 нояб. 2015, в 08:26
0

когда я это делаю, он занимает всю страницу и выглядит еще хуже! Я попробовал это.
devdropper87 09 нояб. 2015, в 08:31

Теги:

html

angularjs

css

1 ответ

Ещё вопросы

Удалить '.' для класса. Должно быть так: class="form-control"
когда я это делаю, он занимает всю страницу и выглядит еще хуже! Я попробовал это.

weirdpanda · Accepted Answer · 2015-11-09T05-54-00.000Z

Для начала вам не следует использовать center сейчас, он устарел. Теперь вы можете сделать это:

<input class="form-control center" type="file" file-input="files" multiple>

CSS

.center { 
    margin: 0 auto !important; /* I have added the !important attribute just for debugging, you can remove it. */ 
}

Другим трюком, который работает, является использование flexbox:

<form class="form-control flex">

CSS:

.flex { 
    display: flex;
    justify-content: center;
    align-items: center; /* Optional */
}

Подробнее о flexbox читайте здесь.