html - 我不能在一个 html 元素上放置 "style"和 "class"属性吗？

Question

我正在尝试整理 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 等。

我在这里错过了什么？

提前致谢! 亚历克斯

Answer 1

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

已经有许多其他问题涉及到这一点。例如，Setting the width of inline elements .