Html 反应-如何将图示符图标对齐到最右侧？

我的React应用程序具有自动完成功能，在自动完成功能中，我提供了列表和glyphicon，然后如果我单击glyphicon，内容将插入MongoDB

无论如何，我尝试将glyphicon对齐到最右边，但我无法做到这一点。如果我把它移到li之外，语法是错误的

以下是捕获图像。

字形图标靠近文本，但应位于最右侧

我的代码如下：

<li key={_id}>{itemname}
  <i className="glyphicon glyphicon-edit" onClick={() => 
  this.addToReceiving(
    itemid, 
    barcode, 
    itemname, 
    category, 
    stocktype, 
    itemtype, 
    wholesaleprice, 
    retailprice, 
    quantitystock, 
    receivingquantity, 
    description, 
    comment)}>
  </i>
</li>

{itemname}
这是我的地址(
itemid，
条形码，
项目名称，
类别
股票类型，
项目类型，
批发价格，
零售价，
quantitystock，
接收数量，
描述
评论）}>

您可以使用flexbox对齐项目

在文本中添加一个跨距

<li key={_id}>
  <span>{itemname}</span>
  <i className="glyphicon glyphicon-edit" onClick={() => 
  this.addToReceiving(
    itemid, 
    barcode, 
    itemname, 
    category, 
    stocktype, 
    itemtype, 
    wholesaleprice, 
    retailprice, 
    quantitystock, 
    receivingquantity, 
    description, 
    comment)}>
  </i>
</li>

---

可以使用flexbox对齐项目

在文本中添加一个跨距

<li key={_id}>
  <span>{itemname}</span>
  <i className="glyphicon glyphicon-edit" onClick={() => 
  this.addToReceiving(
    itemid, 
    barcode, 
    itemname, 
    category, 
    stocktype, 
    itemtype, 
    wholesaleprice, 
    retailprice, 
    quantitystock, 
    receivingquantity, 
    description, 
    comment)}>
  </i>
</li>

您可以将范围或标签添加到itemname

类似于{itemname}或

{itemname}

并添加一个类项标签

.物品标签{ 右边填充：10px }

希望这有帮助。

您可以在itemname中添加span或label

类似于{itemname}或

{itemname}

并添加一个类项标签

.物品标签{ 右边填充：10px }

希望这有帮助