如何设置fill_parent"值作为元素的宽度

How can I set "fill_parent" value as an element's width?

本文关键字：元素 quot 何设置 设置 parent fill      更新时间：2023-09-26

首先，我不得不说这似乎是一个相同的问题。但它不是。

我有这个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%;}不是我要找的，因为我需要保持标题和输入在同一行。

任何建议吗?

你可以把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>

相关文章：