强制空块元素具有宽度

Question

我正在使用需要块元素的inplace edit插件，以便在单击时知道哪个元素是可编辑的。我在ASP .NET中就是这样做的：

<div class="editable-alias" style="background-color: red; width: 100%;"><%# ViewModel.Alias %></div>

但是如果ViewModel.Alias为空，则周围的<div>为空，因此其宽度为0，并且无法单击它。是否有一种方法可以设置div（或者可能跨越内联块）以获得宽度，即使它没有内容？

Answer 1

尝试;

<div class="editable-alias" style="display:block; background-color: red; width: 100%;"><%# ViewModel.Alias %>&nbsp;</div>

您也可以指定min-height以及