Question

是否可以改进我的代码并使其更简单。 Iam在代码中试图左右对齐图像边缘。

if(alig =="left")
{
   <div style="float:left; margin-right:10px;">Heeeeej</div> 
   <div style="float:left">AAAan</div>  ------> !align =left margin-right:10px;

}
else
{
   <div style="float:right; ">Heeeeej</div>
   <div style="float:left; margin-right:10px;">Aaaaaan</div>
}

Answer 1

您可以直接使用css样式中的变量，如下所示：

<div style="float:@(alig); margin-right:10px;">Heeeeej</div> 
   <div style="float:@(alig)">AAAan</div>

我假设align变量将左或右作为其中的值。

Answer 2

您可以使用类名来区分样式（并从HTML标记中提取内联样式）：

<div @if(alig == "left") { <text>class="left-align"</text> }>
   <div class="first-div">Heeeeej</div> 
   <div class="second-div">AAAan</div>
</div>

并且，在引用的CSS文件或内联<style>标记中：

.first-div
{
    float:right;
}
.second-div
{
    float:left; 
    margin-right:10px;
}
//this behavior will supercede the above behavior when .left-align is on an ancestor
.left-align .first-div
{
    float:left; 
    margin-right:10px;
}
.left-align .second-div
{
    float:left
    margin-right:auto;
}

在我的视图中，C＃决策能否变得更好

2 个答案: