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

标签 html css

我正在使用需要 block 元素的就地编辑插件,以便在单击时知道哪个元素是可编辑的。我在 ASP .NET 中就是这样做的:

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

但是如果ViewModel.Alias为空,则包围<div>为空,因此其宽度为 0,无法单击它。有没有一种方法可以使该 div(或者可能带有内联 block 的 span)具有宽度,即使它没有内容?

最佳答案

尝试;

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

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

关于html - 强制空 block 元素具有宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11953590/

相关文章:

javascript - 使用确认对话框防止单击事件,然后继续操作

Javascript 以前可以工作,但现在不行了

css - 两个并排的 div 存在问题

html - EXTJS 4 在组合框中呈现所选值的 HTML

html - 两个元素垂直居中,左右浮动

javascript - 单击外部链接后悬停效果仍然存在

html - 如何在标题图像顶部制作带有文本和 Logo 的标题图像?

javascript - 跳过 :first-child selector 上的隐藏元素

php - 使用 Ajax 分页时数据垂直显示

jquery - 如何使div可点击?