如何將“ fill_parent”值設置為元素的寬度？

Question

首先，我必須說， 這似乎與我的問題相同。 但事實並非如此。

我有這個HTML：

 .parent{ border: 1px solid gray; width: 70%; } .title{ border: 1px solid green; } .input { /* width: fill_parent; */ } 

 <div class="parent"> <span class="title">title: </span> <input class="input" name="title" type="text" placeholder="عنوان دقیقی انتخاب کنید"> </div> 

我所需fill_parent就是設置一個值，該值意味着諸如fill_parent這樣的輸入的width 。 如您所見，該.parent的寬度基於百分比，因此當屏幕尺寸更改時，它的寬度也會更改。 這就是為什么我不能使用基於px的值作為.input的width 。

注意： .input{width: 100%;}不是我想要的，因為我需要將標題和輸入都保持在同一行。

有什么建議嗎？

Answer 1

你可以把display:flex; 在您的父母flex:1;然后flex:1; 在您的輸入上。

 .parent{ border: 1px solid gray; width: 70%; display:flex; } .title{ border: 1px solid green; } .input { flex:1; } 

 <div class="parent"> <span class="title">title: </span> <input class="input" name="title" type="text" placeholder="عنوان دقیقی انتخاب کنید"> </div>