Question

在我的角度应用程序中，我有一个引导程序＆＃39; panel-body＆＃39;具有两个div的类，每个div包含作为用户输入字段的组件。由于某些原因，这些div呈现内联而不是单独的行。为什么会发生这种情况？如何让div / components在不同的行上呈现？

注意：如果我取出div并且只有组件在那里没有div包装器，我得到相同的结果。

<div ng-if="$ctrl.editWorkout" class="panel-body">
 ...
  <div>
    <field-meal-plan-workout-duration
      form="$ctrl.form"
      input-name="time"
      value="$ctrl.workout.duration"
      on-update="$ctrl.workout.duration = value">
    </field-meal-plan-workout-duration>
 </div>
 <div>
   <field-meal-plan-workout-difficulty
      form="$ctrl.form"
      input-name="difficulty"
      value="$ctrl.workout.difficulty"
      on-update="$ctrl.workout.difficulty = value">
    </field-meal-plan-workout-difficulty>
 </div>

Answer 1

使用clear：both;显示：块;

Answer 2

create class .clear {clear：both;}
将显示模式设置为display：block

面板内的Div显示内联

2 个答案: