Ứng dụng React của tôi có tính năng tự động hoàn thành, trong phần tự động hoàn thành, tôi cung cấp danh sách và biểu tượng glyph, sau đó nếu tôi nhấp vào biểu tượng glyph, nội dung sẽ được chèn vào MongoDB.

Dù sao, tôi đã thử căn chỉnh biểu tượng glyph sang bên phải nhưng không được. Nếu tôi di chuyển nó ra ngoài li, cú pháp sẽ sai.

Dưới đây là ảnh chụp màn hình.

Hình tượng được đóng vào văn bản, nhưng nó phải ở phía bên phải.

我的代码如下:

{itemname}
   
  this.addToReceive(
    mục, 
    mã vạch, 
    tên mục, 
    loại, 
    loại chứng khoán, 
    loại mục, 
    giá bán buôn, 
    giá bán lẻ, 
    số lượng hàng tồn kho, 
    nhận số lượng, 
    Sự miêu tả, 
    bình luận)}>
  

câu trả lời hay nhất

Bạn có thể sử dụng flexbox để căn chỉnh các phần tử.

Thêm một khoảng vào văn bản

  {itemname
   
  this.addToReceive(
    mục, 
    mã vạch, 
    tên mục, 
    loại, 
    loại chứng khoán, 
    loại mục, 
    giá bán buôn, 
    giá bán lẻ, 
    số lượng hàng tồn kho, 
    nhận số lượng, 
    Sự miêu tả, 
    bình luận)}>
  

Hãy thử điều này: -

li {
  hiển thị: linh hoạt;
  // Điều này sẽ đẩy cả hai phần tử con đến góc xa
  // Bạn cũng có thể thử just-content: space-around nếu bạn muốn có khoảng trống trong góc;
  biện minh-nội dung: khoảng cách giữa;
}

Giới thiệu về html - React - Làm cách nào để căn chỉnh biểu tượng glyph về phía bên phải? , chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/50520578/