跨度寬度屬性被禁用

您好我正在教自己一些教程的骨幹，我想創建一個像使用跨度顯示元素的表。跨度寬度屬性被禁用

因此，我在模板的span中添加了一個寬度元素。（我知道這不是最好的地方，但它應該優先於樣式表屬性，只是在開發過程中得到一個想法）。

<script type="text/template" id="loadedwith-template"> 
    <span style="width:100" class="library"><%= library.name %></span> 
    <input style="width:100" class='input' type="text" /> 
    <button class="delete_lw" >delete</button> 
</script>

但是，當我在瀏覽器中查看它時，如果沒有應用寬度設置，則元素將如前所示出現。

Chrome中的「檢查元素」顯示寬度屬性，但被禁用（具有類似於HTML刪除線的行）。這是計算樣式部分之前的元素樣式中顯示的最後一件事。

還有另一個樣式表引用跨度。是否有任何東西導致寬度被禁用？其他樣式表如下（從骨幹教程中借用）。（範圍在列表中）。

a { color: #2929FF; } 
    a:visited { color: #777; } 
    a:hover { 
     color: #8F8FFF; 
     text-decoration: none; 
    } 
    body, button { font: 100%/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif; } 
    body { 
     background: #FFF; 
     color: #444; 
     padding: 25px 50px; 
    } 
    button, .delete, .swap { 
     border: 0; 
     border-radius: 5px; 
     color: #FFF; 
     cursor: pointer; 
     font-weight: bold; 
     line-height: 1; 
     text-align: center; 
     text-transform: uppercase; 
    } 
    button:hover, .delete:hover, .swap:hover { opacity: 1; } 
    button { 
     background: #2929FF; 
     font-size: 0.75em; 
     padding: 7px 12px; 
     opacity: .75; 
    } 
    h1 { 
     font-size: 1.25em; 
     letter-spacing: -0.5px; 
    } 
    p { 
     color: #777; 
     font: italic 0.75em/1.2 "Georgia", Palatino, "Times New Roman", Times, serif; 
    } 
    span { 
     display: inline-block; 
     margin-right: 10px; 
    } 
    ul { padding-left: 0; } 
    .delete, .swap { 
     font-size: 0.625em; 
     opacity: .25; 
     padding: 3px 10px; 
     position: relative; 
     top: -3px; 
    } 
    .delete { background: #FF29D0; } 
    .swap { background: #FF6529; }

來源

2012-08-28 wobbily_col