現在、C#.NET MVC (Razor) を使用するプロジェクトに取り組んでいます。
非常に具体的な名前を使用した css セレクターを持つ html ブロック内にある場合、テキスト出力が異なる方法でレンダリングされるという問題に遭遇しました。方法や理由を教えてくれる人は誰もいません。
@item.UserText = "Memo (Multiline Box)" の場合、次のようになります。
<div class="form-element-title">@item.UserText</div>
余分な空白をレンダリングするもの:
<div class="form-element-title"> Memo ( Multiline Box)</div>
css クラスの名前を「form-element-title」以外の名前に変更します。
<div class="form-element-label">@item.UserText</div>
そして、期待どおりにレンダリングされます。
<div class="form-element-label">Memo (Multiline Box)</div>
破損したレンダリングされたドキュメントを検査するとき、css に導入または継承された属性はありません。
MVC は「form-element-title」を別の方法で使用しており、サーバーでこの空白を生成しているように見えます。
これは私が心配しています。これは予約語ですか？もっとありますか？他のCSS名は他の場合にレイアウトを壊しますか?
ここでMVCが何をしているのか、またはその理由を知っている人はいますか?
これを新しいプロジェクトで複製することはできませんでした。
一度に小さなチャンクを追加する新しいプロジェクトを作成しましたが、問題は発生していません。
これで、すべての意図と目的が元のプロジェクトと同じであるが、問題のない完全なプロジェクトができました。
古いプロジェクトでは、説明どおりに問題が引き続き発生します。
これは、古いプロジェクト ファイル自体のバグでしょうか?