如何让两条线合而为一？

Question

我正在写一个小程序，有一个问题我不明白：

看这个，我要两行文字在一行，和“请输入您要查询的文本”右边的“取消”，是平行的

如何处理？

我的代码在这里，在 search.wxml:

<view class="search">
<view class="section">
    <input placeholder="请输入您要查询的文本" auto-focus/>
    <navigator class="navigator" url="../../index">取消</navigator>
</view>
</view>

search.wxss:

.search .section {
    height: 90rpx;
    background-color: #eac627;
}

我的项目导航是图片显示：

我想我应该大惊小怪search.wxss，但不知道怎么办。

Answer 1

参考 vivekkupadhyay 的有用评论，我使用 wxss 选择器来获取：

#input-word {
  display:inline-block;
}

#cancel-button {
  display:inline-block;
  width:120rpx;
  float:right;
}

再次感谢！

如何让两条线合而为一？

How to let the two line in one line?

html

css

wechat