如何在同一标签中的2个文本之间用Html.Helper写入1行

时间:2018-01-24 15:57:42

标签: c# asp.net-mvc razor html-helper

在.cshtml中使用HtmlHelper获得以下代码:

     if (data.currentUser.secondaryServDepts.Any(x => x.Id == dept.servDeptId))
     {
         userActions.Add(actionType);
     }

我想在1行中打印这2个HtmlHelper(RadioButton将启用/禁用下拉列表)

目前,我所拥有的结果是将单选按钮显示为下图。我想在一行中打印所有内容。有没有办法通过更改剃刀,html或视图在同一行中打印所有这些,或者它需要由其他东西管理? (css,jquery等)

enter image description here

1 个答案:

答案 0 :(得分:1)

您可以在DropDownListFor和文本块周围添加包含内联块的包装器类div。它可以防止它们填满整条线,从而使它们彼此相邻,就像下面的例子一样。

.wrapper {
  display: inline-block;
}
<label>
    On the 
    <div class="wrapper">
        <select id="dayOfMonth">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
        </select> 
   </div>
   of the month
</label>