跨度標籤高度沒有調整到孩子輸入標籤

我有一個輸入變量，該變量在span.I想要的風格，跨度設置邊框和箱陰影和輸入標籤邊界：無。問題是，看起來，輸入的高度超過span標籤，所以如果我把邊框放在span上，它沒有顯示，因爲它被輸入標籤覆蓋。

我相信，如果一個元素被放在span標籤內，那麼span標籤的寬度和高度必須調整爲子標籤的高度和寬度。但是這裏沒有發生。

這裏是我的code..What可能是錯的....

注意：在這段代碼中，我並沒有把邊界：無輸入標籤，使可見的問題是什麼是真正...！！

<style> 
    body{ 
    font-family:Arial,Tahoma,sans-serif; 
    font-size:0.7em; 
    } 
    span{ 
    border:1px solid blue; 
    box-shadow:3px 3px 3px #888; 
    } 
    input { 
    font-size:100%; 
    } 
    </style> 

<body> 

    <span> 
    <input type="text"/> 
    </span> 
</body>

來源

2012-03-25 Rama Rao M

我認爲，你可以使用CSS和HTML這樣的：

<style> 
    body{ 
    font-family:Arial,Tahoma,sans-serif; 
    font-size:0.7em; 
    } 
    input { 
    font-size:100%; 
    border:1px solid blue; 
    box-shadow:3px 3px 3px #888; 
    } 
    </style> 

<body> 

    <input type="text"/> 
</body>

只要把邊框和箱陰影到輸入標籤，你可以刪除跨度標籤。

來源

2012-03-26 05:30:00 Tobi

感謝您的回覆。是的，我有一個想法abt的邏輯，但在我的情況下，輸入框必須用span標籤包裹。這是我的要求..可能知道原因，爲什麼跨度高度不調整給子元素.. !!! – 2012-03-26 05:36:33

好的...我想，span默認情況下不會渲染任何高度或寬度。我也有同樣的問題。嘗試在CSS中設置跨度定義：「display：block;」 – Tobi 2012-03-26 05:52:04

我把顯示器：塊，現在高度可以，但寬度設置爲身體寬度..寬度必須和chlild一樣多...我也可以實現這個嗎？ – 2012-03-26 06:01:54

跨度標籤高度沒有調整到孩子輸入標籤

回答

相關問題