0

使用 ASP.NET MVC 3...

注意：我无法让三行（元音、全名和辅音）垂直排列，就像它们在我的视图显示中实际出现的方式一样。很容易找出字母字符以及它们是元音（上方）还是辅音（下方）在名称上方或下方。使用的阿尔法“转换”是：AI = 1 到 9，JR = 1 到 9 和 SZ = 1 到 8 的数值。

从一个视图：

<!--
<table>
<span style="font-family:Monospace;">
    <tr>
        <td style="font-weight:bold; text-align:right;">Vowels</td>
        <td style="font-family:monospace; font-weight:bold; width:215pt;">@Html.DisplayFor(model => model.Vowels)</td>
        <td style="font-family:monospace; font-weight:bold;">@Html.DisplayFor(model => model.VowelReduction)</td>
    </tr>
    <tr>
        <td style="font-weight:bold; text-align:right;">Full Name</td>
        @if(Model.BMName == null || Model.BMName == "")
        {
            <td style="font-family:monospace; font-weight:bold; width:215pt;">@Html.DisplayFor(model => model.BFName)&nbsp;@Html.DisplayFor(model => model.BLName)</td> 
        }
        else
        {
            <td style="font-family:monospace; font-weight:bold; width:215pt;">@Html.DisplayFor(model => model.BFName)&nbsp;@Html.DisplayFor(model => model.BMName)&nbsp;@Html.DisplayFor(model => model.BLName)</td>
        } 
        <td style="font-family:monospace; font-weight:bold;">@Html.DisplayFor(model => model.NameAllReduction)</td>
    </tr>
    <tr>
        <td style="font-weight:bold; text-align:right;">Consonants</td>
        <td style="font-family:monospace; font-weight:bold; width:215pt;">@Html.DisplayFor(model => model.Consonants)</td>
        <td style="font-family:monospace; font-weight:bold;">@Html.DisplayFor(model => model.ConsonantReduction)</td>
    </tr>
</span>
</table>
-->

示例 1 * *

表外：

1 5 59 59

艾尔伯特爱因斯坦

32 92 512 5

示例 2 * **

表内：

元音 1 5 59 59 34/7

全名 阿尔伯特·爱因斯坦 63/9

辅音 32 92 512 5 29/11

在项目运行期间，从 Model ABIPlusPhillips.BFName、.BLName（Big Al 没有中间名，如果没有中间名，到处都有代码可以挤出中间名。）、.Vowels 和 .Consonants，我使用 Quickwatch 和 TextVisualizer 查看对象并从对象的属性中获取基本信息，就在它们被传递给视图之前。该信息被复制并粘贴到文本编辑器中，使用等宽字体，并为所有字符提供了良好的垂直排列：

示例 3 * ***

1 5 59 59

艾尔伯特爱因斯坦

32 92 512 5

最后，我用标签对将表格括起来，得到了相同的间距问题（参见示例 1），但表格中的所有字符都是红色的。事实上，我在示例 1 的“表外”周围使用了 sam 括号，并得到了与示例 1 相同的结果，只是用红色表示。

尽管周围的 HTML 已设置为等宽，但嵌入在 中的信息确实看起来是成比例的。

我该如何解决这个问题？

感谢 Stack 人员和所有贡献者……这是一个很棒的信息丰富的网站……

马夫

 I stripped things down to "barebones" as follows. The .cshtml page displays wrong, however the HTML source appears correct.


-------
.cshtml page that displays:

@model Numer.Models.ABIPlusPhillips

           @Model.Vowels<br />
           @Model.FullName<br />
           @Model.Consonants

Site.css:

body 
{
    font-family:Courier New;
    color:Red;
}

--------

------
_Layout.cshtml:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>


</head>
<body>
    <div>

        <section id="main">
            @RenderBody()
        </section>

    </div>
</body>
</html>

------

------
HTML Source from displayed page:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <link href="/Content/Site.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
    <script src="/Scripts/modernizr-1.7.min.js" type="text/javascript"></script>


</head>
<body>
    <div>
    <section id="main">

       1  5   59   59 <br />
       Albert Einstein<br />
        32 92   512  5


        </section>

    </div>
</body>
</html>
4

0 回答 0