高度和宽度不适用于跨度吗？

  • Z时代
  • 2024-01-10
  • 分类：问答

总菜鸟问题，但在这里。

CSS

.product__specfield_8_arrow {
    /*background-image:url(../../upload/orng_bg_arrow.png);
    background-repeat:no-repeat;*/
    background-color:#fc0;
    width:50px !important;
    height:33px !important;
    border: 1px solid #dddddd;
    border-left:none;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-bottom-left-radius:0px;
    border-top-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-topleft:0px;
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-top-left-radius:0px;
    margin:0;
    padding:2px;
    cursor:pointer;
}​​​

HTML

<span class="product__specfield_8_arrow">&nbsp;</span>​

基本上，我试图模拟一个按钮，使一个跨度（或某个范围）看起来像一个输入字段旁边的按钮，由于自动填充生成器会在onEnter上产生错误，因此实际上不需要是一个输入字段。认为这是目前的快速解决方案，但显然不是。

谢谢。

回答：

跨度是一个内联元素。它没有宽度或高度。

您可以将其转换为块级元素，然后它将接受您的维度指令。

span.product__specfield_8_arrow
{
    display: inline-block; /* or block */
}

以上是 高度和宽度不适用于跨度吗？ 的全部内容， 来源链接： utcz.com/qa/399441.html

回到顶部