高度和宽度不适用于跨度？ [英] Does height and width not apply to span?

问题描述

总的noob问题，但这里。

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是一个内联元素。它没有宽度或高度。
 
 
 
您可以将其变成块级元素，然后它将接受您的维度指令。
  span.product__specfield_8_arrow 
 {
 display：block; / *或inline-block * / 
} 
  
 
Total noob question, but here.

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>​
Fiddle

Basically I'm trying to emulate a button, make a span (or something) look like a button next to an input field that actually doesn't need to be one because of an auto fill generator that generates errors onEnter. Thought this'd be a quick fix for now but obviously not.

Thanks.
解决方案
Span is an inline element. It has no width or height.

You could turn it into a block-level element, then it will accept your dimension directives.
span.product__specfield_8_arrow
{
    display: block; /* or inline-block */
}


                        
这篇关于高度和宽度不适用于跨度？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！