html - 强制空块元素具有宽度

Question

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

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

但是如果ViewModel.Alias为空，则周围<div>为空，因此其宽度为0，无法点击。有没有办法让 div （或者可能与 inline-block 跨越）具有宽度，即使它没有内容？

Answer 1

尝试;

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

你也可以指定一个min-height连同这个