我可以将文本粘贴到输入 HTML 元素吗答案

【问题标题】：Can I stick a text to an input HTML element我可以将文本粘贴到输入 HTML 元素吗
【发布时间】：2021-12-04 09:03:25
【问题描述】：

我正在尝试使用 CSS 属性 float: right; 定位两个 HTML 元素，它旁边的输入元素是输入的公制单位。到目前为止，我已经尝试将单元放在 input 旁边而不将其放在元素中，也将其放在 p 元素中，并将 input 和元素都放在 div 元素中；没用。我想问一下是否有办法将一个元素粘贴到另一个元素旁边？

代码如下：

.caloriesinput {
  position: relative;
  float: right;
}

<div>
  <h5>Calories</h5>
  <div class="caloriesinput"><input type="text">
    <p>kcal</p>
  </div>
</div>

下面是代码的显示方式：

非常感谢您抽出宝贵时间。

【问题讨论】：

试试 span 而不是 p？

标签： html css input

【解决方案1】：

我认为您必须更改 p 标记的显示，因此将这行代码添加到您的 CSS：

.caloriesinput p {
  display: inline-block;
}

【讨论】：

【解决方案2】：

.caloriesinput {
  position: relative;
  float: right;
}

<div>
  <h5>Calories</h5>
  <div class="caloriesinput"><input type="text"<p>kcal</p>
  </div>
</div>

【讨论】：