2017-03-06 4 views
0

私のコードを改善してより簡単にすることは可能ですか? 画像をマージンで右揃えおよび左揃えにするコードがあります。私はalign変数がが右値としてでを左またはのいずれかになりますことを想定しています私の見解ではC#の決定が良くなる可能性があります

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

:あなただけのように見えることになる直接CSSスタイルで変数を使用することができます

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> 
} 
+0

alignが残っている場合.. divは両方とも左に浮動しなければならない –

答えて

0

それ。

あなたがスタイルを区別(およびHTMLタグのうち、インラインスタイルを引く)するクラス名を使用することができ
0

<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; 
} 
関連する問題