高度和宽度不适用于span吗？
高度和宽度不适用于span吗？
提问于 2010-03-22 09:32:39
完全是个菜鸟问题，但是这里。
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"> </span>基本上，我试图模拟一个按钮，让跨度(或其他东西)看起来像输入字段旁边的一个按钮，但实际上并不需要这样，因为自动填充生成器会生成错误onEnter。我以为这会是一个快速的解决方案，但显然不是。
谢谢。
回答 9
Stack Overflow用户
回答已采纳
发布于 2010-03-22 09:33:41
Span是一个内联元素。它没有宽度或高度。
您可以将其转换为块级元素，然后它将接受您的维度指令。
span.product__specfield_8_arrow
{
display: inline-block; /* or block */
}Stack Overflow用户
发布于 2010-03-22 09:36:35
尝试使用div而不是span，或者使用CSS display: block;或display: inline-block;-span默认情况下是一个内联元素，不能接受width和height属性。
Stack Overflow用户
发布于 2016-06-17 08:05:16
受@Hamed的启发，我添加了以下内容，并为我工作：
display: inline-block; overflow: hidden; 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2491068
复制相关文章
相似问题
颤动对话框未完全关闭
无法完全关闭警报对话框
如何在jQuery UI对话框关闭时将其全部删除
如何知道对话框是否完全关闭？
完全隐藏with对话框而不关闭
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
