1

MVC 4.0 Web プロジェクトでいくつかの管理ページを整理しようとしていますが、class="" と style="" の両方を html 要素に適用すると、いくつかの問題が発生します。クラスがインライン スタイリングをオーバーライドするようです。

CSS:

.adminHeader
{
   display: block;
   background: #3e3e3e;
   color: #fff;
}

.adminLabel
{
   display: inline;
   padding: 5px;
   font-size: 1.25em;
   font-weight: 600;
}

HTML:

<div style="width: 1000px;">
    <div class="adminHeader">
        <span style="width: 200px;" class="adminLabel">bleh</span>
        <span style="width: 400px;" class="adminLabel">blaaaaaaaaaaah</span>
        <span style="width: 150px;" class="adminLabel">blu</span>
        <span style="width: 250px;" class="adminLabel">bluhh</span>
    </div>
</div>

何が起こっているかというと、style="width:x;" です。class 属性を削除しない限り適用されません。マルチクラスを使用できることはわかっていますが、.width150px、.width200px などの何百万もの異なる CSS クラスを作成する必要はありません。

ここで何が欠けていますか？

前もって感謝します！アレックス

4

2 に答える 2

5

インライン要素には幅がありません。CSS は、そのクラスの要素がインラインであることを指定します。

すでにこれをカバーする他の多くの質問があります。たとえば、インライン要素の幅の設定。

于 2013-05-07T17:49:28.260 に答える
1

<span>CSS を に設定しますdisplay: block;。デフォルトでは、スパン要素はインラインで表示されます。

span {display:block;}

インライン スタイルは常にスタイルシート スタイルをオーバーライドします。この例のこちらを参照してください。表示ブロックの使用例もあります。

http://jsfiddle.net/AHg7J/1/

于 2013-05-07T17:50:31.967 に答える