Question

想象一下我有

       <div class="infomessage">

            <p> message </p>
            <p> message2 </p>

       </div>

由于我使用了一些ajax，有时会用错误信息覆盖这个<div>，设计会疯狂地上下飞行（顶部和底部）。那些错误消息并不比那些2 <p>消息高得多或低得多，这就是为什么我想使用固定高度。我需要使用哪种css代码来保持某种固定高度（{1}}？

Answer 1

您应该添加lstView.ItemTemplate = new DataTemplate(() => { var cell = new DeleteGenericListItemTemplate(page); return cell; });和min-height，其值与max-height

相同

Answer 2

如果您想使用固定的最小高度，可以使用min-height为元素设置最小高度，而不考虑其内容：

.infomessage {
  padding: 0 10px;
  margin: 10px;
  border: 1px solid;
  min-height: 100px; /* <- */
}

<div class="infomessage">
  <p>message</p>
  <p>message2</p>
</div>

<div class="infomessage">
  <!-- no content -->
</div>

有关min-height。

的详情，请参阅MDN

信息消息导致设计问题

2 个答案: