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;" 除非我删除类属性，否则不会应用。我知道我可以使用多分类，但我不想创建一百万个不同的 CSS 类，如 .width150px、.width200px 等。

我在这里想念什么？

提前致谢！亚历克斯

4

2 回答 2

5

内联元素没有宽度。您的 CSS 指定该类的元素应该是内联的。

已经有许多其他问题涵盖了这一点。例如，设置内联元素的宽度。

于 2013-05-07T17:49:28.260 回答
1

将你的<span>CSS 设置为display: block;. Span 元素默认显示为内联。

span {display:block;}

内联样式将始终覆盖样式表样式。请参阅此示例中的此处。还有一个使用显示块的例子。

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

于 2013-05-07T17:50:31.967 回答