图标应右对齐且响应迅速

【问题标题】：icon should be right aligned and responsive图标应右对齐且响应迅速
【发布时间】：2020-05-17 07:30:53
【问题描述】：

我正试图让一个字体很棒的图标右对齐，而同一行上的输入字段应该左对齐。两个单位都应该反应灵敏并保持在原位。

我创建了一个沙盒和一个 img，其中显示我的意思是错误的。

【问题讨论】：

【解决方案1】：

给你https://jvfe7.csb.app/

我删除了使元素仅保持 50% 宽度的 w-50 类，并从图标中删除了 left: 300%。 输入字段上的flex属性也被flex: none属性覆盖，然后用下面的代码控制它。

然后我添加了

display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%

到同时包含输入字段和图标的元素。 justify-content: space-between 使两个元素保持在两侧，这是您想要的。

【讨论】：