基于条件的 div 中的删除线文本答案

【问题标题】：Strikethrough text in div based on conditions基于条件的 div 中的删除线文本
【发布时间】：2015-06-02 15:31:41
【问题描述】：

我必须删除一些基于条件的 div 文本。如果@MemberAddressDetails.Status 是“坏的”，我必须删除所有打击<div> 的文字。我们可以用 css 类做到这一点吗？

  <div>@MemberAddressDetails.JobTitle</div>
  <div>@MemberAddressDetails.CompanyName</div>
  <div>@MemberAddressDetails.Country</div>
  <div>@MemberAddressDetails.AddressLine1</div>

我可以根据条件插入类名。这就是为什么我要求 div 类。

【问题讨论】：

标签： html css asp.net-mvc asp.net-mvc-4 razor

【解决方案1】：

我想你在找text-decoration: line-through;

.line-through {
    text-decoration: line-through;
}

&lt;div class="line-through"&gt;If you want to strike out text, use line-through.&lt;/div&gt;

【讨论】：

没有条件？
@KyleT 必须是后端部分。即添加一个类。
我不能根据条件插入<p>。但我可以根据条件在<div> 中插入类名。这就是为什么我要求 div 类。

【解决方案2】：

通过@sdcr 为答案添加更多内容，您可以添加条件 html 属性或类，如下面在 razor 中给出的。

.line-through {
    text-decoration: line-through;
}

   <div class="@(MemberAddressDetails.Status =="Bad" ? "line-through":"")"></div>

【讨论】：