html - 如何为两列保持单个 div 和相同的高度

标签 html css angularjs twitter-bootstrap

我需要一个 DIV - 比如 wss name [WAIT LOADER ONLY IF ON LOADING TIME]

我尝试了以下方式,其中第一列高度与第二列不同。我怎样才能用单行实现这个。第一列有静态文本,但是第二列只有一段时间了。但我需要 - alert alert-info 应用相同的 div 高度。

 <div class="row" ng-controller="indexController" ng-hide="!globals.currentUser">
        <div class="alert alert-info col-md-6">
            Current Workspace:<strong>{{currentWorkspace}}</strong>
        </div>
        <div data-ng-if="loading" class="col-md-6">
            Processing...<img src="../../Content/Images/ajax-loader.gif" />
        </div>
    </div>

如果有任何方法可以实现这个或任何 Bootstrap 风格,请告诉我。

最佳答案

为列的父级使用 display:flex 属性。

关于html - 如何为两列保持单个 div 和相同的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41714935/

相关文章:

javascript - 使用 Javascript/CSS 自定义 View 的带有用户过滤器选项的静态表?

jquery - 如何确保冗余 <p> 标签不会破坏样式?

css - css 中的那种倾斜的盒子形状?

jquery - 使用剪辑路径在 div 上平滑动画

javascript - 使用 AngularJS 和 JWT Auth token 对每个 API 调用进行重复(调用两次)请求

javascript - 缩放 SVG 但仅此而已?

html - 具有不同颜色的样式下拉项

html - HTML 中的可选换行符

javascript - Angular.copy 函数

java - 使用 REST 端点返回字符串