Html 如何在小屏幕上在线显示字段集文本和按钮？

首先，很抱歉我的英语不好

我想显示一个字段集输入文本和input submit inline。 根据字体大小，按钮应具有固定宽度，文本字段应填充同一行的剩余空间

我有以下字段集和CSS：

.举例{ 背景色：ffffff； 填充：10px 0px 0px 0px； } .示例字段集{ 字号：1.05em； 边界：0px； 背景色：c3dedb； 填充：10px； } .示例字段集输入[类型=文本]{ 填充：8px 10px 8px 10px； 保证金：0px 5px 0px 0px； 字体大小：继承； 边界：0px； } .示例字段集输入[类型=提交]{ 背景色：1a7a70； 颜色：ffffff； 边界：0px； 字体大小：继承； 边界半径：3px； 填充：8px 10px 8px 10px； } .example字段集输入[type=submit]：悬停{ 背景色：187269； }

---

您可以避免将文字换行设置为pre或nowrap：

.示例字段集{ 空白：nowrap； } .举例{ 背景色：ffffff； 填充：10px 0px 0px 0px； } .示例字段集{ 字号：1.05em； 边界：0px； 背景色：c3dedb； 填充：10px； 空白：nowrap； } .示例字段集输入[类型=文本]{ 填充：8px 10px 8px 10px； 保证金：0px 5px 0px 0px； 字体大小：继承； 边界：0px； } .示例字段集输入[类型=提交]{ 背景色：1a7a70； 颜色：ffffff； 边界：0px； 字体大小：继承； 边界半径：3px； 填充：8px 10px 8px 10px； } .example字段集输入[type=submit]：悬停{ 背景色：187269； }

---

非常感谢。这将以内联方式显示它们，但输入字段不会调整大小。它应该完全适合当前的屏幕大小。