為什麼高度和寬度屬性在 Span 元素上不起作用，如何才能使它們運作？

Span 元素和高度/寬度屬性

在 CSS 中，span 元素是一個內聯元素。這意味著它沒有固有的寬度或高度，並且僅佔用容納其內容所需的空間。因此，設定 span 元素的高度和寬度屬性不會產生任何效果。

但是，您可以使用 display 屬性將 span 元素轉換為區塊級元素。區塊級元素可以指定高度和寬度，它們會在頁面上佔據一個矩形區域。

要讓span元素看起來像一個按鈕，可以將display屬性設定為inline-block或block 。這將允許您套用高度和寬度屬性並根據需要設定元素的樣式。

這是添加了顯示屬性的CSS 程式碼的更新版本：

span.product__specfield_8_arrow {
    display: inline-block; /* or block */
    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;
}

進行此更改，span 元素的行為類似於區塊級元素，並將採用指定的高度和寬度尺寸。

以上是為什麼高度和寬度屬性在 Span 元素上不起作用，如何才能使它們運作？的詳細內容。更多資訊請關注PHP中文網其他相關文章！