Question

您好，我正在教自己一些教程的骨干，我想创建一个像使用跨度的显示元素的表。

所以我在模板中的span中添加了一个width元素。（我知道这不是最好的地方，但它应该优先于样式表属性，只是为了在开发过程中获得一个想法）。

<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中的“Inspect element”显示了width属性，但是已禁用（在其上有一行类似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; }

Answer 1

您需要指定一个度量单位

指定CSS单位是非零值的要求。浏览器可能会试图猜测你的意思，但根据标准，它仍然是一个破损的样式表。

即。 CSS中没有“默认单位”，只是浏览器可能会试图帮助你，虽然它可能只是忽略你的声明没有指定单位作为无效单位。

尝试style="width:100px"

Answer 2

您应该指定一个单位，例如px：

style="width: 100px"

span width属性被禁用

2 个答案: