如何將「fill_parent」值設置爲元素的寬度？

首先，我不得不說this似乎與我的一個相同的問題。但事實並非如此。如何將「fill_parent」值設置爲元素的寬度？

我有這樣的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作爲輸入的width。如您所見，.parent的寬度基於百分比，因此當屏幕大小發生變化時它將被更改。這就是爲什麼我不能使用基於px的值作爲.input的width。

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

有什麼建議嗎？

來源

2016-09-20 Martin AJ

引導有幾個不錯的功能，看看他們的柱系統，否則你不能做的更好，然後會在輸入或類似的標題20％和80％那 – namlik

您可以將display:flex;放在您的父母上，然後在您的輸入上輸入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>

來源

2016-09-20 16:05:28 Flink

如何將「fill_parent」值設置爲元素的寬度？

回答

相關問題