使用 $Resources 更改 CSS 样式答案

【问题标题】：Change CSS Style use $Resources使用 $Resources 更改 CSS 样式
【发布时间】：2016-08-07 09:25:48
【问题描述】：

我对 CSS 和资源文件有疑问：

CSS 代码

   <style >
#Master_Menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;

}

#Master_Menu li {
    float: left;
}

#Master_Menu li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

#Master_Menu li a:hover {
    background-color: #111;
}
</style>

分区

<div id="Master_Menu" >
    <ul>

      <li><asp:LinkButton ID="LB_HeadOfState"  runat="server" Text="<%$Resources:Resources, MMenu_Des %>"/></li>
      <li><asp:LinkButton ID="LB_Designer"  runat="server" Text="<%$Resources:Resources, MMenu_Mat %>"/></li>
    </ul>

        </div>

我想改变浮动

#Master_Menu li {
    float: left;
}

并从资源文件中获取它作为所选语言：我尝试使用

<%$Resources:Resources, MFloat %>

但它不起作用，请谁能帮帮我

【问题讨论】：

请给我需要的方式来改变浮动从左到右或从右到左作为用户选择

标签： c# css asp.net tags

【解决方案1】：

编辑： 我想我误读了你的需求。您想根据语言更改浮点数。不要在 CSS 文件中这样做（不是由服务器运行），只需内联（伪/示例代码）：

<li><asp:LinkButton ID="LB_Designer"  runat="server" Text="<%$Resources:Resources, MMenu_Mat %>" style="float:<%$Resources:Resources, MFloat%>;"/></li>

原文： 资源文件不会帮助您更改此类选择的课程。使用 jquery 点击事件并更改 CSS

<script>
  $("#Master_Menu li").click(function() {
    $(this).css("float", "right");
  });
</script>

您可以做更多（即检查浮动并更改它，而不是仅仅向右移动），这是文档：http://api.jquery.com/css/#css2

【讨论】：

【解决方案2】：

我找到了问题的解决方案。

我用javascript来设置样式

在 CSS 文件中：

.float_R {float:right;}
.float_L {float:left;}

在网络表单中

<script type="text/javascript">
       window.onload = function () {
           var lang = '<%= Session["language"]%>'
           var lan = lang.substring(0, 2);

           //alert(lan);
           if (lan == "ar")
           {
               document.getElementById("Master_Menu").className = "float_R";
               document.getElementById("Master_content").className = "float_L";
           }
           else if (lan == "en")
           {
               document.getElementById("Master_Menu").className = "float_L";
               document.getElementById("Master_content").className = "float_R";
           }
           else
           {
               document.getElementById("Master_Menu").className = "float_L";
               document.getElementById("Master_content").className = "float_R";
           }           
       }
</script>

Session["language"] 取自母版页作为用户选择

谢谢

【讨论】：

【解决方案3】：

 ضع الستايل كامل في الريسورس 
Put the full style in the resource file
Example

FloatOp 浮动：左

<asp:Image ID="imgLogo" Height="100" Style="<%$ Resources:EvlResource, FloatOp %>" Width="100" runat="server" />

【讨论】：