Question

首先，我要说this与我的问题似乎是一个相同的问题。但它不是。

我有这个HTML：

＆＃13;

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

＆＃13;

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

＆＃13;

我需要的只是设置一个值fill_parent，就像输入width一样。如您所见，.parent的宽度基于百分比，因此当屏幕大小发生变化时，它会发生变化。这就是为什么我无法将基于px的值用作.input＆＃39; s width。

注意： .input{width: 100%;}并非我正在寻找的东西，因为我需要将标题和输入保持在同一行。

有什么建议吗？

Answer 1

您可以将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>

如何设置＆＃34; fill_parent＆＃34;值作为元素的宽度？

1 个答案: