c# - 改变全局化的方向 asp.net MVC

Question

查看

   <div class="panel-body">
                <div class="form-group" style="direction: rtl">
                    <div class="col-md-2">
                        <label class="control-label">@Resources.VMSResource.VisitorName </label>
                    </div>
                    <div class="col-md-3">
                        @Html.EditorFor(model => model.VisitorName, new { htmlAttributes = new { @class = "form-control input-sm " } })
                        @Html.ValidationMessageFor(model => model.VisitorName, "", new { @class = "text-danger" })
                    </div>
                    <div class="col-md-2">
                        <label class="control-label">@Resources.VMSResource.EmployeeID </label>
                    </div>
                    <div class="col-md-3">
                        @Html.EditorFor(model => model.EmployeeID, new { htmlAttributes = new { @class = "form-control input-sm" } })
                        @Html.ValidationMessageFor(model => model.EmployeeID, "", new { @class = "text-danger" })
                    </div>
                </div>
</div>

我正在 MVC 中实现全局化。

对于阿拉伯语，我希望控件方向为 RTL。我尝试将 DIV 的方向设置为 RTL:

 <div class="panel-body" style="direction:RTL">

但它只是将文本框内的方向设置为 RTL。相反，我希望控件(如标签、文本框)移动 RTL。

Answer 1

要使专为从左到右的语言设计的 CSS 与从右到左的语言一起使用并不像看起来那么容易。仅仅将父元素的方向更改为 RTL 并不意味着所有子元素都正确地变为 RTL。还有更多事情要做。例如，您应该将 margin-right 更改为 margin-right 或更改 padding 的值等。

这种方式有几个基于不同方法的教程；他们都有优点和缺点。首先我推荐你3 Different Ways to RTL your CSS和 RTLCSS

如果您使用的是 Bootstrap，我认为最好的选择是 https://github.com/morteza/bootstrap-rtl .