使用CSS和HTML擴展輸入框

-1

我不想創建類似於下面列出的佈局;一個水平擴展的單行文本輸入在左邊，右邊有一個固定寬度的按鈕。文本輸入擴展以適合其父代div的行爲尤爲重要。我的問題是，對CSS flex財產的支持似乎是一個相對較新的事件，所以下面的佈局在許多舊版瀏覽器上都出現了問題。文本輸入返回到默認寬度，並且按鈕位於輸入下方。使用CSS和HTML擴展輸入框

有沒有一種方法可以在不依賴JavaScript的情況下創建一個類似的佈局，並且與舊版瀏覽器兼容？

<!doctype html> 

<html> 
</html> 

<body> 
    <div style="display:flex;"> 
     <input type="text" style="flex:1;"></input> 
     <button>button</button> 
    </div> 
</body>

jsfiddle link

來源

2014-03-07 rectangletangle

你必須定義的input和button和百分比寬度，這只是它會在所有的瀏覽器

的工作方式

來源

2014-03-07 09:45:14 Alex

使用CSS和HTML擴展輸入框

回答

相關問題