Html 并排显示文件名并固定窗口大小

我正在研究Angular.js和bootstrap CSS。我正在尝试固定窗口的高度，当通过单击上载文件按钮上载多个文件时，窗口的大小也在增加，我希望并排显示选定的文件名，而不是在不同的行中显示每个文件名（当前显示在演示中）当选择了文件并希望固定窗口大小时，当上载更多文件时，我们是否可以仅在文件名处显示滚动条，而不增加窗口大小

演示：

示例代码：

<div ng-controller="ModalInstanceCtrl">
  <form name="headerForm">
    <div class="modal-body">
      <div class="modal-dialog">
        <div class="modal-content">
          <br>
          <div> <input type="file" id="fileUpload" ng-file-model="files" multiple />
            <div class="btn"><span id='button' ng-click="$event.stopPropagation();clickOnUpload();">Upload File</span></div>
            <span ng-if="filesToUpload.length > 0">{{filesToUpload.length}} file<span ng-if="filesToUpload.length > 1">s</span> selected</span>
            <p ng-repeat="file in filesToUpload track by $index">
              {{file.name}} <span class="delete-file" ng-click="deleteFile($index)">X</span>
            </p>
          </div>
          <textarea rows="20" maxlength=35000 name="message" ng-model="message"></textarea>
          <button type="button" ng-click="cancelModal()">Close</button>
        </div>
      </div>
    </div>

  </form>
</div>

上载文件
{{filesToUpload.length}}已选择文件

{{file.name}}X

接近

ng file model指令不是核心AngularJS指令。请不要将

ng-

前缀用于自定义指令。

ng-

前缀是为核心AngularJS指令保留的。“我写了一些无法修复的错误代码”不是问题。看，我不太明白。你希望它看起来怎么样？是吗？@Mosh Feu-是的，正如你在图中所示，当文件更多时，它会在右侧显示整个页面的滚动条，而不是我只想显示文件列表的滚动条，这样它不会增加页面大小。我不明白滚动条的意思。什么意思？你能画出你想要的样子吗？即使使用绘画应用程序或其他。。